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

E-Mouse

remix of d/7882 by u/rjro

function u(t) {

let X,Y 
for(X=66;X--;)for(Y=38;Y--;x.fillRect(X*30,Y*30,30,30))x.fillStyle=R(r=X*Y*T(X*Y*t/100^10)*255,0,r^(1))

May 2 2018 7:39 PM UTC

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

E-Mouse

remix of d/7894 by u/Idicious

function u(t) {

c.width=1920
w=c.width
h=c.height/2
r=Array.from({length:w},(a,b)=>T(b/S(t)/1e2)/10)
for(i=0;i<w;i++)x.fillRect(i,h-r[i]*h,1,r[i]*h*2)

May 4 2018 4:12 PM UTC

}// 134/140

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

u/BuRRak

Rather than using {length:w} you can use Array(w)

show FPS hide FPS share fullscreen

joeytwiddle

function u(t) {

c.width=420;x.scale(25,25),i=0;for(j of '🌇🌆🌅🌉🌃🌌⛺🌄')k=4*C(6.28*i++/8-t/5)-3,x.globalAlpha=k<0?0:k,x.fillText(j,3,9)

Apr 30 2018 10:27 AM UTC

}// 114/140

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

Stellar-themed serene scenes

u/lionleaf

Nice one! #emoji
u/joeytwiddle

Blurred out of the park in Chrome v83 on Linux
u/joeytwiddle

Fixed version: c.width=420;x.font="13em'",i=0;for(j of "🌇🌆🌅🌉🌃🌌⛺🌄")k=4*C(6.28*i++/8-t/5)-3,x.globalAlpha=k<0?0:k,x.fillText(j,75,185)

show FPS hide FPS share fullscreen

E-Mouse

function u(t) {

c.width=1920
for(i=0;i<10;i++) 
x.fillRect(400+i*100,i+t*10^1+400,50,200)

May 2 2018 7:59 PM UTC

}// 73/140

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

u/stiaje

#default

show FPS hide FPS share 1 remix fullscreen

Idicious

function u(t) {

c.width=1920
w=c.width
h=c.height/2
r=Array.from({length:w},Math.random)
for(i=0;i<w;i++)x.fillRect(i,h-r[i]*h,1,r[i]*h*2)

May 3 2018 7:06 AM UTC

}// 122/140

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

Replace random array with audio data and you have a basic oscilloscope :-)

u/BalintCsala

c.height is always 1080
u/zanella

Replace Math.random with (a,b)=>S(b/t), the result is pretty cool. :)

show FPS hide FPS share fullscreen

jylikangas

function u(t) {

c.width=-1
for(q=j=8;j++<21;T=65+~(t/6)%5*9)for(i=300;i-=2;x.clearRect(i,Y,1,1))x.fillRect(i,Y=j*5+(h=C(i/T)*35+(q+=S(i/j))),j/7,S(t)+T/2-h)

Apr 29 2018 10:22 AM UTC

}// 140/140

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

Remote Islands

u/iverjo

Cool! After a while it shows multiple groups of islands
u/iverjo

#water #islands #landscape
u/BuRRak

Making of coming soon i hope
u/donbright

#art

show FPS hide FPS share fullscreen

kodierer

remix of d/7970 by u/kodierer

function u(t) {

c.width=1920
h=0;
i=50;
while (h<=301){
if (h==300)i=-50;
x.fillRect (600, 500, 300, h+=i)

May 4 2018 4:49 AM UTC

}// 91/140

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

u/BalintCsala

You shouldn't post broken dweets, especially when they are infinite loops

show FPS hide FPS share 1 remix fullscreen

kodierer

remix of d/7969 by u/kodierer

function u(t) {

c.width=1920
for (h=0; h <=300; h+=50)
x.fillRect (600, 500, 300, h)
for (h=300; h <=0; h-=50)
x.fillRect (600, 500, 300,h)

May 4 2018 4:46 AM UTC

}// 123/140

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

u/trancor

Hey, some of your new posts have infinite while loops and keep crashing my browser tab. 797{1,2} c.width=1920 h=0; i=50; while (h<=301){ if (h==300)i=-50; x.fillRect (600, 500, 300, h+=i) } h will never reach 301, it will hit 300 and then subtract i, add it again, and loop infinitum. I'd suggest deleting these post just to save others heart ache.
u/trancor

Sorry, slightly wrong, it will make i=-50, which causes it to bounce, still crashing my tab tho.

show FPS hide FPS share 1 remix fullscreen

kodierer

remix of d/7968 by u/kodierer

function u(t) {

c.width=1920
for (h=0; h <=300; h+=50)
x.fillRect (600, 500, 300, h)
c.width=1920
for (h=300; h <=0; h-=50)
x.fillRect (600, 500, 300,h)

May 4 2018 4:46 AM UTC

}// 136/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 1 remix fullscreen

kodierer

remix of d/7967 by u/kodierer

function u(t) {

c.width=1920
i=50;
for (h=0; h <=300; h+=i)
x.fillRect (600, 500, 300, h)
i=-50;

May 4 2018 4:43 AM UTC

}// 80/140

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