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

KilledByAPixel

remix of d/13209 by u/KilledByAPixel

function u(t) {

for(i=99;i--;)N=255*(S(3.14*i+2*t)),Y=520*S(t+i),X=940*S(i+3*t),x.fillStyle=R(N,N,N),x.beginPath(),x.fillRect(940+X,520+Y,40,40)

Apr 12 2019 4:48 PM UTC

}// 128/140

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

More playing with the equation. I'm really liking what it can do without the background clear.

show FPS hide FPS share 3 remixes fullscreen

KilledByAPixel

function u(t) {

f=2e3;for(i=0;i<f;)x.fillStyle=R(q=i?255:220,q,q,.6),x.fillRect((S(i)*5e5+i*S(t+i)/20)%f-9,(S(i*i)*5e5+(i>0)*t*99)%1080-9,Z=i++?2+9*i/f:f,Z)

Apr 13 2019 5: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).

#snow

u/KilledByAPixel

Must be viewed full screen for full effect. (:
u/KilledByAPixel

This is my favorite dweet I've made so far!

show FPS hide FPS share fullscreen

KilledByAPixel

function u(t) {

c.width+=0;x.beginPath();for(i=1421;i--;)x.lineTo(960+900*S(i+t/3),540+500*S(3*i/2));x.stroke()

Apr 13 2019 6:44 AM UTC

}// 95/140

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

Here's the 3:2 shape with a stroke.

u/metamero

#moire

show FPS hide FPS share fullscreen

pavel

function u(t) {

for(c.width=i=1944,w=960;i--;x.fillRect(w+w*S(a)*S(b)/z,540+w*C(b)/z,s=13/z/z,s))j=i%72,z=2+C(a=2.7+S(t)+(j&4?0:j)/72)*S(b=1.5+(i/72|0)/120)

Apr 11 2019 6:03 AM UTC

}// 140/140

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

#default on a sphere

u/f8f82804

#d3 #sphere #perspective
u/katkip

how lol
u/pavel

I draw #default one pixel at a time and treat (x,y) of the pixels as angles (a,b) in spherical coordinates. Spherical to 3d cartesian is x=r*sin(a)*sin(b), y=r*cos(a)*sin(b), z=r*cos(b). Projecting 3d to 2d cartesian is x'=x/(2+y/r), y'=z/(2+y/r), and scaling pixel size by 1/(2+y/r)**2 so stuff in the back is smaller.

show FPS hide FPS share 1 remix fullscreen

KilledByAPixel

remix of d/13198 by u/KilledByAPixel

function u(t) {

for(i=999;i--;)N=i+t,Y=520*S(t+i*5),X=940*S(i*3),x.fillStyle=R(255*S(2*N),255*S(3*N),255*S(5*N)),x.fillRect(940+X,520+Y,40,40)

Apr 12 2019 4:21 PM UTC

}// 126/140

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

More playing around with this awesome equation. There is so much space for remixing!

show FPS hide FPS share 1 remix fullscreen

katkip

remix of d/13237 by u/katkip

function u(t) {

f=x=>C(x/3.9)*S(x/3)/3;t||(X=Y=s=4);for(i=99;i--;)x.fillRect(960+X*s+f(i/99)*159,50+Y*s+f(i/99)*159,2,2),Y+=f(X),X+=f(Y)

Apr 14 2019 3:51 PM UTC

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

vinca

function u(t) {

for(t||(X=Y=0,x[r='fillRect'](0,0,2e3,2e3)),i=1e3;i--;Y=W)x.fillStyle='#902',x[r](1e3+99*X,600+99*Y,1,1),V=Y-.98*X+4/(1+X*X)-3,W=-.99*X,X=V

Apr 12 2019 1:49 PM UTC

}// 139/140

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

u/magna

Nice!

show FPS hide FPS share fullscreen

rnbw

function u(t) {

t||(A=B=0);t=t/2;x.fillStyle=`#e54`;for(i=0;i++<9;x.fillRect(t*300+200*A-200+S(t+i)*99,450+220*B+C(t+i)*99,9,5)){A=C(A-t+i/2);B=C(B+A/2)}

Apr 12 2019 2:57 PM UTC

}// 137/140

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

scribble 🖍️

u/Xen

nice

show FPS hide FPS share fullscreen

Saiv46

function u(t) {

if(t&&t-c.d<.5)return;c.width=1920,c.d=t;for(i=0;i++<192;x.fillRect(i*10,Math.abs(C([...""+Math.random()*10][0])*1080),10,(1-i%2*2)*1080));

Apr 15 2019 9:51 AM UTC

}// 139/140

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

#random

u/13thptr

looks a bit like a barcode

show FPS hide FPS share fullscreen

dmilin

function u(t) {

for(i=0;i<40;i++)
x.fillStyle=R(i*25,255*S(0.4*t),255*T(0.27*t)),
x.fillRect(950*S(t)+950,i*25+90+S(10*t+i*t/2)*100,10*C(t)+20,10*S(t)+20)

Apr 13 2019 6:25 PM UTC

}// 138/140

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

Screensaver