New dweets | Dwitter

function u(t) {

c.width=1920 // clear the canvas
for(i=0;i<9;i++)
x.fillRect(400+i*100+S(t)*300,400,50,200) // draw 50x200 rects

} // 122/140

Please log in (or register) to post a dweet (copy-paste the code somewhere safe to save it meanwhile)


    u(t) is called 60 times per second.
    t: Elapsed time in seconds.
    S: Shorthand for Math.sin.
    C: Shorthand for Math.cos.
    T: Shorthand for Math.tan.
    R: Function that generates rgba-strings, usage ex.: R(255, 255, 255, 0.5)
    c: A 1920x1080 canvas.
    x: A 2D context for that canvas.

Try the new frontend: beta.dwitter.net
Current theme challenge: #Food

show FPS hide FPS share 1 remix fullscreen

iverjo

function u(t) {

w=c.width=300;x.fillRect(0,87,w,3);x.font='49px A';for(i=7;i--;)x.fillText(String.fromCharCode(55357,56989-(i?0:27)),310-t%4*210+i*46,90)

Jul 22 2016 8:54 PM UTC

}// 137/140

Please log in (or register) to post as a new dweet (copy-paste code somewhere safe to save it meanwhile).

Choo choo

u/sigveseb

Looks very different on different platforms, but hella creative! Nice ^^
u/iverjo

Yeah, it seems that it works correctly only in FF, Opera and Chrome on Windows. Thanks :)
u/iverjo

#train

show FPS hide FPS share fullscreen

iverjo

function u(t) {

w=c.width=400;x.fillRect(0,115,w,2);for(i=9;i--;)x.setTransform(9,0,s=i/8|0-(i?0:1),1,1,1),x.fillRect(t%4*40-i*9+53*s,90,8,22)

Jul 22 2016 8:39 PM UTC

}// 126/140

Please log in (or register) to post as a new dweet (copy-paste code somewhere safe to save it meanwhile).

🚝

u/sigveseb

Trains!
u/iverjo

At least this one is consistent across platforms :P
u/iverjo

#train

show FPS hide FPS share fullscreen

iverjo

function u(t) {

w=c.height=1e3;n=99;for(i=n;i--;)s=n/(i*6+n),x.font=s*n+'px A',x.fillText(String.fromCharCode(10052),w+1100*S(s*w*2+t/59),w*(T(i)+s*t)%1200)

Jul 22 2016 3:48 PM UTC

}// 140/140

Please log in (or register) to post as a new dweet (copy-paste code somewhere safe to save it meanwhile).

u/donbright

oh this is excellent
u/donbright

you can golf this by using fillText('❄',....
u/iverjo

#snow

show FPS hide FPS share fullscreen

PhiLho

function u(t) {

c.width=W=400;D=16;H=D/2-1;
for(h=W;h-=D;)for(v=W;v-=D;){s=H*C(t*h/30);n=H*S(t*v/30);x.moveTo(h+s,v+n);x.lineTo(h-s,v-n);x.stroke()}

Jul 22 2016 2:24 PM UTC

}// 132/140

Please log in (or register) to post as a new dweet (copy-paste code somewhere safe to save it meanwhile).

u/iverjo

This runs at 2-3 FPS in Firefox on my laptop because of the missing x.beginPath(). Here's a version that runs at a much higher framerate: c.width=W=400;for(h=W;h-=16;)for(v=W;v-=16;){s=7*C(t*h/200);n=7*S(t*v/200);x.beginPath();x.moveTo(h+s,v+n);x.lineTo(h-s,v-n);x.stroke()}
u/PhiLho

Good to know, thanks.

show FPS hide FPS share fullscreen

PhiLho

function u(t) {

c.width=W=400;D=16;H=D/2-1;
for(h=W;h-=D;)for(v=W;v-=D;){s=H*C(t+v);n=H*S(t+h);x.moveTo(h+s,v+n);x.lineTo(h-s,v-n);x.stroke()}

Jul 22 2016 2:17 PM UTC

}// 126/140

Please log in (or register) to post as a new dweet (copy-paste code somewhere safe to save it meanwhile).

show FPS hide FPS share 1 remix fullscreen

iverjo

function u(t) {

c.width=960;for(i=20;i--;)for(j=12;j--;)x.beginPath(),x.arc(50*i-9*S(A=4*t+i*C(t/8)*.6+j*S(t/8)*.4),50*j+9*C(A),19+C(A)/.4,0,7),x.fill()

Jul 22 2016 1:34 PM UTC

}// 136/140

Please log in (or register) to post as a new dweet (copy-paste code somewhere safe to save it meanwhile).

Inspired by http://dweet.dwitter.net/id/322?autoplay=1

u/iverjo

#dots

show FPS hide FPS share fullscreen

iverjo

function u(t) {

r=Math.random;if(t<22)for(i=8e3;i--;)X=2e3*r(),x.fillStyle=R(c=99+129*(S(X/399)+1)*r(),c,c),x.fillRect(X,1080*r(),3*T(i)*r(),r()/(t/2+1))

Jul 22 2016 12:45 PM UTC

}// 137/140

Please log in (or register) to post as a new dweet (copy-paste code somewhere safe to save it meanwhile).

Brushed aluminium

u/greentec

metal! yeah
u/sigveseb

Now do rock :D
u/sigveseb

\m/
u/iverjo

#texture

show FPS hide FPS share fullscreen

Catman

remix of d/323 by u/Catman

function u(t) {

c.width=200;v=120;for(i=9;i--;)for(j=4;j--;)x.fillRect(i*9+(t*v%v-v/2)*(-2*(~~t%2-.5))+v/2,6*j+~~t,6,4);x.arc(99+50*S(t),99,4,0,9);x.fill()

Jul 22 2016 12:41 PM UTC

}// 139/140

Please log in (or register) to post as a new dweet (copy-paste code somewhere safe to save it meanwhile).

show FPS hide FPS share fullscreen

elrod

function u(t) {

c.width=120;for(j=5;j--;)for(i=5;i--;)x.fillRect(i*25,j*7,20,5);x.fillRect(47+15*S(t*8),60,25,5);x.arc(60,12*S(t*6)+47,2,0,6);x.fill()

Jul 22 2016 12:25 PM UTC

}// 134/140

Please log in (or register) to post as a new dweet (copy-paste code somewhere safe to save it meanwhile).

show FPS hide FPS share fullscreen

PhiLho

function u(t) {

c.width=500;i=t%176;a=i<86?0x3041+i:0x30A1+i-86;x.fillText(~~i,20,20);x.font="120px Arial";x.fillText(String.fromCharCode(a),200,180)

Jul 22 2016 11:53 AM UTC

}// 133/140

Please log in (or register) to post as a new dweet (copy-paste code somewhere safe to save it meanwhile).

Educational: hiragana and katakana...