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

Hedgehog

function u(t) {

x.strokeStyle = R(25, 255, 255, 0.5);
x.strokeRect(0, t*100, 1920, t*100)

Sep 17 2018 3:35 PM UTC

}// 73/140

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

Hologram. I don't know JS :))

u/BirdsTweetCodersDweet

Remove the spaces, jeez...

show FPS hide FPS share fullscreen

Jugger

function u(t) {

c.width=700
for(i=1;i<50;i+=0.0625)
x.fillRect(350+S(4*t+i%Math.PI)*200,S(8*t+i*2)*100+200,5,5)

Sep 14 2018 11:32 PM UTC

}// 95/140

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

Infinity! Faster version :O

show FPS hide FPS share 1 remix fullscreen

Noah

function u(t) {

for(c.width|=0,i=900;i--;)x.fillRect(i*2,500+S((i+(t/10))*200000)*(200+i/-2),10,10*(-(i-1000)*Math.sign(i-900)))

Sep 16 2018 12:48 PM UTC

}// 112/140

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

chill waves

show FPS hide FPS share fullscreen

katkip

function u(t) {

if(frame%250==0){v=Math.abs;c.width*=1;for(i=360;i--;)
x.ellipse(q=540,540,q+v(S(i)),v(q*S(i*S(t))),t,0,6),x.stroke()}

Sep 16 2018 9:10 AM UTC

}// 118/140

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

Bacteria in a water drop simulator

u/joeytwiddle

Some nice #moire in here

show FPS hide FPS share 1 remix fullscreen

katkip

remix of d/9871 by u/katkip

function u(t) {

if(!t)p=0;{for(i=0;i<3;i++)x.lineTo(-540+i*20+S(p)*540+p*7,540+C(p)*540+C(p));x.stroke();p+=0.2}

Sep 16 2018 8:53 AM UTC

}// 96/140

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

#waitforit BPC #fractal

show FPS hide FPS share fullscreen

Xen

function u(t) {

x.fillRect(0,0,S(c.width=t)*t,t)

Sep 14 2018 11:50 PM UTC

}// 32/140

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

32byte tiny drunken dweet

u/Xen

also... x.fillRect(T(c.width=t),0,t,t) .... basic 30byte

show FPS hide FPS share fullscreen

anotherkitten

function u(t) {

p=frame--;onclick=_=>frame=p>0?-_.x:-p;onmousemove=_=>{x.fillStyle=`hsl(${p/1.6},50%,50%)`;if(p>0)x.fillRect(_.x*3.4-30,_.y*3.4-30,60,60)}

Sep 14 2018 1:45 PM UTC

}// 138/140

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

draw things! click to toggle brush; color based on the X you last turned your brush off at.

Show more comments…
u/joeytwiddle

I made one: https://imgur.com/gallery/ccd0nVl
u/zanella

Cool! #interactive
u/anotherkitten

you can double click somewhere to change color without drawing btw
u/anotherkitten

here is mine: https://i.imgur.com/C5645Yx.png
u/DataMeta

Would be a welcome replacement for paint 3D
u/joeytwiddle

Oh that's a really good picture!

show FPS hide FPS share fullscreen

Quant1um

function u(t) {

eval(unescape(escape`挮睩摴桼㴱㬠欽佢橥捴⹫敹猨瑨楳⤫∢㬠攽⡩⤽㹫孩⭴簰╫⹬敮杴桝㬠砮瑲慮獬慴攨㤶〬㔴〩㬠睩瑨⡸⥦潲⡩㴰㭩㰵㔻椫⬩漽椭琥ㄬ愽ⴹ㤹⼨漫㌰⤬景湴㴶⩯⬹⬧灸∧ⱦ楬汔數琨攨椩Ɐ⨲〪䌨愩Ɐ⨲〪匨愩⤻`.replace(/u(..)/g,"$1%")))

Sep 14 2018 1:39 PM UTC

}// 139/140

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

Spiral of letters

u/kipkat

#text

show FPS hide FPS share 1 remix fullscreen

aemkei

remix of d/5423 by u/aemkei

function u(t) {

for(c.width|=i=h=999;i--;)x.fillRect(h+h*(2e5-(i-500)**2)**.5/h*S(t/2+i),i,w=S((i+t/2)/2)*19*(S(i**5)+S(t*2-i/9)),w)

Sep 13 2018 10:20 PM UTC

}// 116/140

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

https://twitter.com/beesandbombs/status/1031…

u/f8f82804

#beesandbombs

show FPS hide FPS share fullscreen

Quant1um

remix of d/7779 by u/CocoMeister

function u(t) {

w=c.width|=1,d=100
for(i=0;i<w;i+=3)j=S(i/20+t)*d,k=C(i/20+t)*d,x.fillStyle='hsl('+j/2+',90%,50%)',x.fillRect((i-k)*2,i+j*2+k,50,50)

Sep 15 2018 10:15 AM UTC

}// 132/140

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