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

Xen

remix of d/7126 by u/dwardu

function u(t) {

r=n=>(t**t%n|0)*97
x.drawImage(c,r(19),r(9),192,192,r(20),r(11),w=96,w)
x.fillStyle=R(r(3))
x.fillRect(r(21),r(11),w,w)

Nov 25 2019 7:37 PM UTC

}// 119/140

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

test

u/veubeke

Test successful: crashes my Safari on iOS every time
u/Xen

oops, sorry V

show FPS hide FPS share fullscreen

KilledByAPixel

function u(t) {

for(i=c.width|=0;i--;)x.arc(960,540,i,i/20,i/t)
x.stroke()

Nov 25 2019 6:15 AM UTC

}// 58/140

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

#WaitForIt

show FPS hide FPS share 2 remixes fullscreen

LimeLaser

function u(t) {

with(x){globalAlpha=.007
fillStyle="#fff"
fillRect(0,0,2e3,2e3)
fillStyle=R()
r=Math.random
for(i=187;i--;)fillRect(1820*r(),980*r(),99,99)}

Nov 27 2019 10:45 PM UTC

}// 140/140

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

Fragile, Morphing Fabric (or Paint To Cover Graffiti)

u/Xen

very cool idea
u/Xen

(not graffiti part, thats art)
u/LimeLaser

Sorry, I meant that as a description. My friend said it reminded him of those single-color rectangles of paint they cover graffiti with. I don't know the name for them.

show FPS hide FPS share fullscreen

Xen

remix of d/16751 by u/LimeLaser

function u(t) {

with(x){fillRect(0,0,z=2e3,z)
for(r=Math.random,i=187;i--;fillStyle=R(i,i/C(t),z%i,.01))fillRect(z*r(),1e3*r(),i,i)}

Nov 28 2019 8:01 PM UTC

}// 116/140

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

test

show FPS hide FPS share fullscreen

Xen

remix of d/16751 by u/LimeLaser

function u(t) {

with(x){fillRect(0,0,z=2e3,z)
for(r=Math.random,i=187;i--;fillStyle=R(i,i/C(t),z%i,.01))fillRect(z*r(),1e3*r(),i,i)}

Nov 28 2019 8:01 PM UTC

}// 116/140

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

test

show FPS hide FPS share fullscreen

JonasPeeters

function u(t) {

c.width=1e3
for(i=0;i<21;i++){for(j=0;j<12;j++){x.fillStyle=R(i*13,255-i*13,150)
x.beginPath()
x.arc(i*50,j*50,17+S(t*5+j)*7,0,6)
x.fill()}}

Nov 26 2019 1:38 PM UTC

}// 140/140

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

Stuff

show FPS hide FPS share fullscreen

Blacklink

function u(t) {

c.width|=0
x.font="400px a"
x.fillText("🚀",500+100*S(t)*S(2*t),800+100*C(t))
x.fillStyle=R(255,30,0,.3+.2*S(2*t))
x.fillRect(0,0,1920,1080)

Nov 25 2019 12:53 PM UTC

}// 139/140

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

The little ship that could

show FPS hide FPS share fullscreen

Xen

remix of d/12510 by u/katkip

function u(t) {

for(c.width|=j=99;j--;)for(x.lineWidth=i=4;i--;x.lineTo(960+C(i*1.57+7*C(t/3))*600,940+S(i*1.57+7*C(t))*199-j*9));x.stroke()

Nov 25 2019 7:46 PM UTC

}// 124/140

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

little remix

show FPS hide FPS share fullscreen

DataMeta

function u(t) {

~~t%9==0?c.width|=0:0;for(i=575;i--;)x.fillRect(64*(i%32)+64*S(k=t*(~~t%2)),64*(i/32|0)+64*C(k),3,3)

Nov 24 2019 6:58 PM UTC

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

andrea270872

function u(t) {

F=[x=>x,x=>1-x*x,x=>x*(1-x),x=>(1-x)**2]
for(a=1e3,i=0;i++<a;x.fillStyle=`hsl(${S(t)*60%60},90%,50%,.1`)x.fillRect(i,F[~~t%4](i/a)*a,99,1)

Nov 25 2019 5:55 PM UTC

}// 139/140

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

colored easing functions