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

Agnes

function u(t) {

for(c.width|=i=M=20+~~t,x.font="128px A";i--;x.fillText("🐷",1920*i/M,540+300*S(6.4*i/M+t)));

Apr 26 2018 11:00 AM UTC

}// 92/140

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

Swine wave #swine #sine

Show more comments…
u/zanella

*applause*
u/Aezur

Swinewave function. Nice. :P
u/lionleaf

#emoji
u/sigveseb

Lol
u/lionleaf

Reference to typo on d/7779 🤣
u/iverjo

lol

show FPS hide FPS share fullscreen

BirdsTweetCodersDweet

function u(t) {

testing comments, ignore

Apr 29 2018 3:46 PM UTC

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

BirdsTweetCodersDweet

function u(t) {

c.width=1920 // clear the canvas
for(i=0;i<~~t%8+1;i++)
x.fillRect(400+i*100+S(t)*300,400,50,200) // draw 50x200 rects

Apr 29 2018 3:06 PM UTC

}// 118/140

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

Heh... #default

u/Lazy1337

#fabric I guess.
u/BirdsTweetCodersDweet

fabric??

show FPS hide FPS share fullscreen

hollo47

function u(t) {

c.width=g=999;for(i=-70;40>i;i++)for(j=1;80>j;j++)f=500*i,h=j-t%1,l(),f+=500,l();function l(){x.lineTo(500+f/h,(g+270*S(7*f))/h)}x.stroke();

Apr 24 2018 2:03 PM UTC

}// 140/140

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

Further learning perspective. Landscape experiment!

u/joeytwiddle

That's cool! #landscape #perspective
u/jylikangas

Nice! There are some golfing opportunities. 124 byte version...for(c.width=g=999,i=-70;40>i++;)for(j=80;--j;l(f+=500))(l=e=>x.lineTo(500+f/h,(g+270*S(7*f))/h))(f=500*i,h=j-t%1) x.stroke()

show FPS hide FPS share 1 remix fullscreen

Agnes

function u(t) {

for(w=c.width|=i=9;i--;)x.rect(400+i*100+S(t)*300,400,50,200);x.clip();for(i=1e3,A=Math.random;i--;x.arc(w*A(),1080*A(),3*A(),0,7));x.fill()

Apr 25 2018 9:40 AM UTC

}// 140/140

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

Noisy default

show FPS hide FPS share 1 remix fullscreen

Agnes

remix of d/7842 by u/Agnes

function u(t) {

for(c.width|=i=9,a=t;i--;x.setTransform(1,0,-S(a+=S(i*t+35*i)/10)/5,1,100*(4+i),400),x.fillRect(300*S(t),200,50,-200));

Apr 29 2018 8:44 AM UTC

}// 119/140

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

This one looks more like they're hanging from the top and moving around is making them shake.

u/Agnes

#default

show FPS hide FPS share fullscreen

Cistoran

remix of d/7275 by u/lionleaf

function u(t) {

d=700
for(c.width+=i=0;i<d;){X=T(2000/i)
Z=T(200*i)
B=(1-Z*T(t)+X*T(t))/2000
x.fillRect(d+(X*C(t)+Z*S(t))/B,d+T(200*i++)/B,.03/B,.03/B)}

Apr 26 2018 9:32 PM 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 fullscreen

karacasoft

function u(t) {

c.width=1e3
for(j=0;j<6;j++)for(i=0;i<33;){
x.fillStyle=`hsl(${C(t-i/8-j/8)*50},99%,60%)`
x.fillRect(i*30,j*99+25*C(t+i),25,70+25*S(t+i++))}

Apr 27 2018 9:51 AM UTC

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

trancor

remix of d/7820 by u/trancor

function u(t) {

t==0?h=(c.width=w=99)/1.7:0;s=t*19%19;for(i=s;i<w*h;i+=4+s/2){j=i%w;k=i/w;x.fillStyle=R(0,S(i/5+C(t^k)*20)*255,179,.2);x.fillRect(j,k,2,2);}

Apr 26 2018 11:44 PM UTC

}// 140/140

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

Good technique here - https://www.dwitter.net/d/7801 need to switch over t==0 to !t ... fail

show FPS hide FPS share fullscreen

anthonylewis

function u(t) {

p=6.2832,a=24,r=300;for(c.width|=i=0;i<a;i++)x.beginPath(),
x.arc(r*S(p/a*i*t)+960,r*C(p/a*i*t)+540,(i+10)*12,0,7),x.stroke()

Apr 25 2018 11:44 PM UTC

}// 125/140

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

The Spiral Countdown?

u/zanella

Ok, "The Spiral Countdown" got my Awesome. :D