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: #Opposites

show FPS hide FPS share 1 remix fullscreen

rodrigo.siqueira

remix of d/32712 by u/rodrigo.siqueira

function u(t) {

c.style.filter=`invert(`
for(a=b=t,i=4e4;i--;a+=(r=i*b&1)*3-S(b)/3-a*a/4.3,b=b/1.5-C(a*3)/2+S(r)/3)x.fillRect(1e3-b*610,a*1400+70,.1,t<3)

Nov 11 2024 4:04 PM UTC

}// 137/140

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

White leaves #plant

show FPS hide FPS share fullscreen

vchoulga

function u(t) {

c.width=1920;for(i=5e3;i--;)s=1/(2100-(i+t*30)%2081),q=9e4*s*s,x.fillRect(960+2e4*s*C(i*273+t)-q/2,540+2e4*s*C(i*95+t)-q/10,q,q)

Nov 12 2024 8:47 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/fentbiggesthater

woah very trippy!

show FPS hide FPS share fullscreen

vchoulga

function u(t) {

for(i=c.width|=2e3;i--;c.style.filter=`invert(${Math.sin(t)*50+50}%)`)x.fillRect(960+(j=t+i)*Math.cos(t+j/2),540+j*Math.sin(j/3),s=i/69,s)

Nov 12 2024 6:49 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/fentbiggesthater

stolen, math.sin has a built in shortcut, stolen, unoriginal, stolen, impressive, ive seen this somewhere before, maybe stolen?

show FPS hide FPS share fullscreen

0x61

remix of d/32737 by u/0x61

function u(t) {

c.width*=1;for(i=32400;i--;)Math.random()>.4&&x.fillRect(i%240*8,8*(0|i/240),8,8)

Nov 12 2024 12:17 PM UTC

}// 81/140

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

Cut a few more chars while still using Math.random() #static

u/fentbiggesthater

not showing anything, might be broken?
u/0x61

Shows in Firefox, Chromium and Safari for me. Which browser?

show FPS hide FPS share fullscreen

zachygreen

function u(t) {

c.width*=1
a=t?a:Math.random()*4
v=n=>n<0?-n:n 
x.fillRect(1570*v((v(C(a)*t)%2)-1),880*v((v(S(a)*t)%2)-1),350,200)

Nov 12 2024 8:39 AM UTC

}// 115/140

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

u/fentbiggesthater

ive seen better, nice one! kudos!
u/cantelope

constructive criticism is only constructive when it is specific. u/fentbiggesthater

show FPS hide FPS share fullscreen

Coalshork

function u(t) {

c.width*=1,n=t*10,x.fill(x.ellipse(960,540,400,400,0,n+S(t/10)*2+2,n))

Nov 12 2024 2: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).

I see a hidden circle (first dweet!)

u/Coalshork

Coming from bytebeat, some of this is familiar. However, most is very new and im excited to learn more!
u/SockTaters

Welcome to Dwitter! Hope you enjoy your stay
u/Coalshork

u/SockTaters Thanks!

show FPS hide FPS share fullscreen

skeletonNatte

remix of d/422 by u/lionleaf

function u(t) {

c.width=2e3;x.font='99px Arial';v='My wife left me :(';for(i=v.length;i--;)x.fillText(v[i],i*79+S(t+i)*10,540+S(t*9+i)*20)

Nov 12 2024 8:00 PM UTC

}// 122/140

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

u/magna

:(
u/fentbiggesthater

😉

show FPS hide FPS share fullscreen

Coalshork

function u(t) {

x.filter="hue-rotate(100deg)",x.fillStyle=R(-t,255,S(t)*255),x.drawImage(c,C(t)*100,S(t)*100),x.scale(1.0001,1.0001),x.fillText(1,1,1)

Nov 12 2024 7:23 PM UTC

}// 134/140

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

Learning more (flashing lights warning)

show FPS hide FPS share fullscreen

ccwa2

function u(t) {

c.width|=0;for(i=-50;i<550;i++){x.fillStyle=R(300*S(t+i),6+999*C(t+i));x.beginPath();x.arc(1+S(t+i)*i*3,500+C(t+i)*i*2,33,0,7);x.fill()}

Nov 12 2024 6:55 PM UTC

}// 137/140

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

Spiraling

show FPS hide FPS share fullscreen

vchoulga

function u(t) {

c.width^=0;for(i=1e3;i-=20;)x.fillStyle=`hsl(${i/5+t*60},100%,50%)`,x.beginPath(),x.arc(960,540,i+t*40,0,7),x.fill()

Nov 12 2024 6:44 PM UTC

}// 118/140

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

u/fentbiggesthater

sorry, stolen