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 3 remixes fullscreen

alice-mx

function u(t) {

c.width=1920 // clear the canvas
for(i=0;i<999;i++){
v=~~(i/20)
x.fillRect(i%20*100+v%2*(t*99)%100,v*50,50,50) // draw 50x200 rects
}

Oct 29 2018 8:21 AM UTC

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

yonatan

function u(t) {

c.innerHTML=`<svg><filter id=f><feTurbulence baseFrequency=.01 /><feDisplacementMap scale=${t*99}>`;x.filter="url(#f)";x.fillRect(0,0,0,1)

Oct 26 2018 12:11 PM UTC

}// 138/140

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

brighter on firefox

u/joeytwiddle

dude... #plasma #oil #oil_spill
u/Xen

i'm stealing this dweet and having it as an animated desktop background :-P
u/tomxor

Nice. Ahh svg filters... I have good memories, but then they were all destroyed by browser regressions.

show FPS hide FPS share fullscreen

New_Core

remix of d/10780 by u/New_Core

function u(t) {

for(i=99;i--;x.fillRect(0,a*2,i,i))x.drawImage(c,0,a=i*11,b=1920,i/9,i/9,a,b,11),x.fillStyle=R(d=i*C(t*i*S(i))+i*2,d/2,0,.2)

Oct 30 2018 9:29 PM UTC

}// 124/140

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

this one you need to wait for it

u/twitter

#waitforit

show FPS hide FPS share 1 remix fullscreen

New_Core

remix of d/10773 by u/New_Core

function u(t) {

for(i=99;i--;x.fillRect(0,a,i/2,11))x.drawImage(c,0,a=i*11,b=1920,11,i/2,a,b,11),x.fillStyle=R(i*C(t*i%400*i)+i*2)

Oct 30 2018 8:54 PM UTC

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

BalintCsala

function u(t) {

x.fillRect(0,0,c.width=160,160)
for(i=36;i--;i-35&&i%7-2&i%7-6&&x.fillRect(10+i*4,44,3,16))x.clearRect(8+i*4,44,3,21+(i==(t*3+5|0)**3%36))

Oct 26 2018 10:42 PM UTC

}// 138/140

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

Piano playing itself

u/magna

Awesome! Using - instead of + makes it more like depressing the keys IMHO.
u/BirdsTweetCodersDweet

That's 21-(i== for you... Took me a while to figure out which + you meant :P
u/lionleaf

#piano

show FPS hide FPS share fullscreen

alice-mx

function u(t) {

q=255
for(i=0;i<q;i++) {
x.fillStyle=R(C(t)*q,i,i);
x.beginPath();
x.arc(S(i+t*5)*(T(t)*q)+960, C(i+t*5)*(S(t)*q)+540,10,0,7)
x.fill();
}

Oct 29 2018 2:37 AM UTC

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

Xen

remix of d/10741 by u/Xen

function u(t) {

for(i=199;i--;)x.fillRect(19*t+i,C(t/.9+i*.02)*t^i+t*99%1e3,1,1)

Oct 28 2018 8:31 PM UTC

}// 64/140

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

64byte dwitter art: Alien Remains (Fullscreen)

show FPS hide FPS share fullscreen

pavel

remix of d/10653 by u/anotherkitten

function u(t) {

with(x)for(c.width=-1,translate(150,i=84);--i;rotate(t),t=2.1,fill(new Path2D('M67 28 9-72-9-72 37 11-19 11-28 25')))fillStyle=R(a=50*i,a,a)

Oct 24 2018 8:24 PM UTC

}// 140/140

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

Show more comments…
u/yonatan

hah! - works as a separator
u/anotherkitten

dang, well done. wasn't sure if it was doable.
u/lionleaf

Nicely done!
u/aleamb

cool!
u/magna

damn.
u/joeytwiddle

Very good
u/katkip

Awesome!
u/katkip

#path2d
u/pavel

#uncompressed in black and white

show FPS hide FPS share 1 remix fullscreen

S.T.L.K.R.

remix of d/10770 by u/S.T.L.K.R.

function u(t) {

c.width=1920
x.globalCompositeOperation='xor'
for(i=1e2;i--;x.fillRect(-i*500*T(t),-i*300*T(t),500*(i+T(-t)),300*(i+T(-t))));

Oct 30 2018 8:55 AM UTC

}// 125/140

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

Help with infinite recursion ?

show FPS hide FPS share 1 remix fullscreen

S.T.L.K.R.

function u(t) {

x.globalCompositeOperation='xor'
for(i=4;i--;x.fillRect(450*i+10*T(t/4),300*i+10*T(t/4),450*(1+i*T(-t/4)),300*(1+i*T(-t/4))));

Oct 30 2018 8:26 AM UTC

}// 126/140

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

O(n) time sorting algorithm with divide and conquer or some bull sh*t