Dwitter - javascript demos in 140 characters

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 fullscreen

Buckyballsack

function u(t) {

k=300;for(i=30;i--;)x.fillStyle=`hsl(${(t*80+i*10)},100%,50%)`,x.beginPath(),x.arc(k*S(t*3-i*.15)+960,k*S(t*.5-i*.05)+540,i*50,0,7),x.fill()

Dec 27 2017 2:57 AM UTC

}// 140/140

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

u/joeytwiddle

#rainbow #tunnel

show FPS hide FPS share fullscreen

superfun

function u(t) {

z=t-~~t
q=parseInt(Math.random()*0x4E)
r=0x1F601+q
x.font=250*z+'px serif';x.fillText(String.fromCodePoint(r),800+800*S(q*t),600+6*q*C(t))

Dec 27 2017 9:09 PM UTC

}// 138/140

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

u/Xen

stirs the emojion! :-D

show FPS hide FPS share 1 remix fullscreen

jaemiejaemie

remix of d/4761 by u/jaemiejaemie

function u(t) {

x.beginPath();for(Z=c.width=i=640;i--;x.lineTo(C(i/8-t)*a+320,S((i-t)/8)*a+180))a=i*i/16;x.fillRect(0,0,Z,Z),x.strokeStyle='#fff';x.stroke()

Dec 29 2017 11:54 PM UTC

}// 140/140

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

xen helped me fix this, ty

u/Xen

no worries mate

show FPS hide FPS share 1 remix fullscreen

jaemiejaemie

function u(t) {

c.width=640;x.beginPath();for(i=0;i<300;i++){a=i*i/16;x.lineTo(C(i/8-t)*a+320,S((i-t)/8)*a+180);}x.strokeStyle='#000';x.stroke()

Dec 29 2017 11:38 PM UTC

}// 128/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

Xen

remix of d/4532 by u/veubeke

function u(t) {

c.onmousemove=e=>{Y=e.y*3,X=e.x*3}
t?x.fillRect(q+=(X-q)/Z,p+=(Y-p)/Z,Z,Z):Z=X=Y=q=p=99
x.fillStyle=R(p%255,q%255,(p+q)%255,.1)

Dec 28 2017 11:25 PM UTC

}// 127/140

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

little test to make it slowly chase mouse...

u/sigveseb

Nice

show FPS hide FPS share fullscreen

jamespwilliams

function u(t) {

c.width|=0; /* clear the canvas */
for(i=0;i<100;i++){
x.fillStyle=R(225,255-i*2.55,i*2.55);
x.fillRect(i*20, 400+S(i*t/10)*300, 10, 200);
}

Dec 28 2017 1:17 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/Bendoman

Nice

show FPS hide FPS share fullscreen

Exca

function u(t) {

for(i=0;i<5184;i++){q=i%96,w=i/96|0,r=q+w==0?192:S(t+q*w),y=r*99;x.fillStyle=q+w==0?"#000":R(0,y*2,y*4,1);x.fillRect(q*20,w*20,r*20,r*20);
}

Dec 27 2017 3:10 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/sigveseb

Good colors
u/CliffJonesJr

This is what my carpet looks like after mushrooms.

show FPS hide FPS share fullscreen

trabbt

function u(t) {

c.width+=0;for(i=0;i<500;i++)x.fillStyle=R(250,100*C(i),100*S(i)),x.fillRect(99+S(t*4+i)*140+T(t+i%2)*600,500+C(t+i)*240+C(t*6+i%2)*200,9,9)

Dec 28 2017 12:55 PM UTC

}// 140/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

futureperfect

function u(t) {

d=Math.hypot(C(t/4),S(t/4)-1+1/18);
x.fillStyle=R(255*Math.pow(.9,d),255*Math.pow(.4,d),255*Math.pow(.05,d));
x.fillRect(0,0,1920,1080);

Dec 29 2017 10:52 PM UTC

}// 137/140

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

A rough model of the perceived color of the sun throughout the day, assuming the ground didn't exist and also numbers are fake.

show FPS hide FPS share fullscreen

retera

function u(t) {

for(i=0;i<9;i++){x.fillStyle='red';x.fillRect(0, (i*2)*1080/13, 1920, 1080/13)}
x.fillStyle=R(0,100,220);
x.fillRect(0,0,580,580)

Dec 28 2017 10:41 PM UTC

}// 129/140

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

u/Lazy1337

#flag