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

pavel

remix of d/10766 by u/anotherkitten

function u(t) {

for(o=t%4,c.width|=s=i=60;i--;)for(j=22;j--;)i+j&1&&x.fillRect(s*(i+(i%2*2-1)*[o,1,o-1,2][o|0]-2),s*(j-(j%2*2-1)*[0,o-1,1,o-2][o|0]-2),s,s)

Oct 30 2018 2:18 AM UTC

}// 139/140

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

u/anotherkitten

now this is fantastic, good work

show FPS hide FPS share 2 remixes fullscreen

katkip

function u(t) {

for(i=0;i++<360;)S(i)<T(t*S(i)*t*t/i)?x.fillRect(t*100,i*3,2,9):0;

Oct 27 2018 5:24 PM UTC

}// 66/140

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

#abstract #art #waitforit It is actually a street, and to right is the flower field! Short 66

u/sigveseb

Woow so little code for all that?! Epic
u/sigveseb

Even smaller for(i=360;i--;)S(i)<T(t**3*S(i)/i)&&x.fillRect(t*99,i*3,2,9)

show FPS hide FPS share fullscreen

katkip

function u(t) {

x.font=`100px A`;c.style.border=T(t*t)+'px dotted black';x.fillText("feel the beats",10,100)

Oct 29 2018 2:23 PM UTC

}// 92/140

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

psytrance lmao. i'm pretty sure i haven't see the canvas border changing in any dweet

u/BirdsTweetCodersDweet

For some reason this also matches Darude -Sandstorm perfectly...

show FPS hide FPS share fullscreen

anotherkitten

function u(t) {

d=(a,b)=>((a<<(b&7))%b)
m=Math.random
for(i=999;i--;)
a=m()*1920,b=m()*1080,
x.fillStyle=R(d(t,99*t)*(S(t)+1)/2),
x.fillRect(a,b,4,4)

Oct 29 2018 3:55 AM UTC

}// 133/140

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

writhe

show FPS hide FPS share 2 remixes fullscreen

yonatan

function u(t) {

c.style.background=`linear-gradient(#357, #f023 50%,#8428 50%,#434),radial-gradient(circle at center,#fff 7%,#fd8 9%,#ca8 33%)`

Oct 26 2018 9:16 PM UTC

}// 127/140

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

#sunset

show FPS hide FPS share 3 remixes fullscreen

New_Core

remix of d/10639 by u/yonatan

function u(t) {

s=c.style;s.backgroundBlendMode='overlay';for(b=[i=5];i--;s.background=b)b[i]=`repeating-radial-gradient(${S(t+i)+3}%${i}%,#ffd,#012 999%)`

Oct 26 2018 5:41 PM UTC

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

anotherkitten

remix of d/10732 by u/katkip

function u(t) {

for(i=360;i--;S(i)<T(S(i)/i*t**3)&&x.fillRect(t*100,i*3,2,-9))x.fillStyle=`hsl(120 ${t/1.5<i**.3-.3?0:50}% ${35+i**.5-t}%`

Oct 29 2018 4:11 PM UTC

}// 122/140

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

katkip's cool dweet with some coloring

show FPS hide FPS share 2 remixes fullscreen

yonatan

remix of d/10718 by u/yonatan

function u(t) {

for(i=c.width|=0;i--;x.fillRect(0,540+i,2e3,S(5e3/i+t)/24+.6))c.style.background=`linear-gradient(#034,#477)`

Oct 28 2018 10:40 AM UTC

}// 109/140

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

#sea at #night

u/katkip

#realistic

show FPS hide FPS share 1 remix fullscreen

alice-mx

function u(t) {

x.beginPath();
q=t*50%500
x.fillStyle=`hsl(${t*15%360},50%,50%)`;
x.arc(C(q/5)*q+960, S(q/5)*(q)+540, 2+q/25, 0, 7);
x.fill();

Oct 31 2018 3:00 AM UTC

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

atgz

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

function u(t) {

c.width=1920; x.globalCompositeOperation='xor'; for(i=99;i--;x.fillRect(1,1,500*(i-Math.abs(T(S(t/4)*2))),500*(i-Math.abs(T(S(t/4)*2)))));

Oct 31 2018 2:45 AM UTC

}// 138/140

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