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 1 remix fullscreen

rodrigo.siqueira

remix of d/15630 by u/taupelink

function u(t) {

if(t<5)for(i=d=e=f=5e3;i--;x.fillRect(d*z,e*z,1,1))[d,e,f]=[(r=Math.random(z=99)*z|3)/5-2/(.5+r%3)*C((d-r)*22)*1,.8*r%15-6*S(1/S(d))/f,d]

Sep 6 2019 12:49 PM UTC

}// 137/140

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

Geometric gradients

show FPS hide FPS share fullscreen

kkingsbe

function u(t) {

x.fillStyle=R(S(t) * 255,C(t) * 255, T(t) * 255)
x.fill(x.arc(1000 * t * .2, 500, Math.abs(S(t)) * 100, 0, 360))

Sep 8 2019 1:28 AM UTC

}// 112/140

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

First attempt lol

show FPS hide FPS share fullscreen

dmoura

function u(t) {

c.width|=0
x.translate(960,540)
x.rotate(-t/2)
x.fillStyle = R(0,50,100,0.2)
for(i=0;i<1300;i+=.3)
  x.fillRect(C(i)*i,S(i)*i,i/6,i/8)

Sep 4 2019 10:50 AM UTC

}// 134/140

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

Galactic swirl

u/13thptr

nice style
u/aleamb

stylish!
u/dmoura

thanks! :-)
u/lionleaf

#swirl
u/iverjo

Beautiful

show FPS hide FPS share fullscreen

taupelink

function u(t) {

for(i=d=e=1e3;i--;x.fillRect(d*z,e*z,e%3/2,d%3/2))[d,e]=[(r=Math.random(z=99)*z|0)/5+(p=1+d/30+e/40)*(2+r%2)/(1+r%3)*C(d/4),r%11-S(d/4)/p]

Sep 8 2019 9:35 PM UTC

}// 138/140

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

d/15657

show FPS hide FPS share 2 remixes fullscreen

taupelink

remix of d/15517 by u/taupelink

function u(t) {

for(i=d=e=f=1e3;i--;x.fillRect(d*z,e*z,1,1))[d,e,f]=[(r=Math.random(z=99)*z|0)/5+(2+r%5)/(2+r%3)*C(d-r*r/z)/2,r%11-S(T(d))/f,2**(r%2)+f/9]

Sep 6 2019 3:14 AM UTC

}// 138/140

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

d/15630

show FPS hide FPS share fullscreen

robbyg

function u(t) {

for(c.width|=i=9;i--;)x.stroke(new Path2D(`M${560+i*100+S(t)*300} 440h50v200h-50z`))

Sep 6 2019 3:24 PM UTC

}// 84/140

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

Stroked #default using Path2D. Lots of room for activities.

u/robbyg

#path2d

show FPS hide FPS share fullscreen

mildlybean

function u(t) {

c.width+=0;for(i=99;i>-99;)x.fillRect(--i*9+960,535+S(t*i/20)*535,9,9)

Sep 6 2019 8:55 PM UTC

}// 70/140

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

Wait for it

u/mildlybean

Apparently this has been done many times before. oops

show FPS hide FPS share fullscreen

BriSeven

function u(t) {

for(let i=0,j=0,k=0,c=32;i<c;i++,j=i/c,k=255)
x.fillStyle=R(C(j+t)*k,S(j+t)*k,-S(j+t)*k),
x.fillRect(j*k*8+S(t*j*5)*k,k*2+C(t*j*5)*k*2,k,k)

Sep 6 2019 6:01 AM UTC

}// 139/140

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

Colour Tumble

show FPS hide FPS share fullscreen

atgz

remix of d/15574 by u/KilledByAPixel

function u(t) {

eval(unescape(escape`睩瑨⡸⤡⡆偓ⴭⴶ〩㼨晩汬剥捴⠰ⰰⱔ㴷攳ⱔ⤩㩧汯扡汃潭灯獩瑥佰敲慴楯渽❳捲敥渧ⱦ潮琽∷㝥洧∬晩汬却祬攽恨獬⠤筴⨽命‹㤥㔰╠ⱴ㰳㘰㽦楬汔數琨≃桲潭慴楣∬琯㘬启㜬ㄸ㠰⤺〻`.replace(/u(..)/g,"$1%")))

Sep 6 2019 1:03 PM UTC

}// 130/140

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

with(x)!(FPS---60)?(fillRect(0,0,T=7e3,T)):globalCompositeOperation='screen',font="77em'",fillStyle=hsl(${t*=T} 99%50%,t<360?fillText("Chromatic",t/6,T/7,1880):0

u/atgz

golfed it to 156 chars but I don't think it is feasible to go down to 140 :P with(x)(S)?(fillRect(S=0,0,T=7e3,T)):globalCompositeOperation='screen',font="77em'",fillStyle=hsl(${t*=T} 99%50%,t<300?fillText("Chromatic",t/6,T/7,T/4):0

show FPS hide FPS share fullscreen

kkingsbe

function u(t) {

c.width=1920
var max = 3000;for(i=0;i<max;i++)x.fillRect(i*(c.width/max),S(t+(i/100*t))*c.height/2+c.height/2,10,10)

Sep 8 2019 2:12 AM UTC

}// 116/140

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

My take on a Sine pattern