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

AaronGiles

function u(t) {

x.lineWidth=25;x.beginPath();x.moveTo(0,0);w=2e3;m=255;x.strokeStyle=R(m,t*w/3%m);x.quadraticCurveTo(w*2*S(t),w*C(t/7),w,w/2);x.stroke();

Mar 2 2017 4:14 PM UTC

}// 137/140

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

u/donbright

looks like a pumpkin in a wormhole

show FPS hide FPS share fullscreen

pstefanlarsson

function u(t) {

c.width=1920;
for(i=0;i<100;i++){
a = i % 10;
b = Math.floor(i / 10);
x.fillRect(600+a*80, 140 + b*80, 60*C((a+b+1)*t), 60*S((a-b)*t))
}

Feb 28 2017 7:06 AM UTC

}// 136/140

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

u/5Mixer

Woa trip. I love the patterns it makes.

show FPS hide FPS share fullscreen

ClayCowgill

function u(t) {

for(j=2e3;j--;x.fillRect(t*60,j,1,1,x.fillStyle=`hsl(${C(k)*78},99%,50%)`))for(a=t/8-2,b=j/540-1,k=9;k--&&a*a+b*b<4;a=c)c=a*a-b*b-.7,b=2*a*b

Mar 3 2017 5:28 AM UTC

}// 140/140

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

Really wants ~4 more chars... for(j=2e3;j--;x.fillRect(t*60,j,1,1,x.fillStyle=hsl(${C(k/12)*99},99%,50%)))for(a=t/8-2,b=j/540-1,k=49;k--&&a*a+b*b<4;a=c)c=a*a-b*b-.7,b=2*a*b

show FPS hide FPS share 1 remix fullscreen

mihte

function u(t) {

c.width=1920
x.font='170px Impact'
for(s=0;s<5;s++)x.fillText("Dweet ❤️️",t*500%1920,240+s*180),x.fillStyle=R(C(t)*128+128,1+s*80,20+s*20)

Mar 3 2017 4:46 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 fullscreen

bligglenuber

remix of d/1764 by u/bligglenuber

function u(t) {

w=c.width=960;h=w/1.8;a=30;b=w*h/a
for(i=0;i<b;i++)x.lineWidth=t*T((i))%20,x.strokeRect(i%w*a,((i/w)|0)*a,a,a)

Mar 2 2017 2:35 PM UTC

}// 110/140

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

u/FireFly

Mysterious. I like it 8)

show FPS hide FPS share fullscreen

seanrox

function u(t) {

x.font='60px Arial';y=t*60%27*41;x.fillStyle='#000';x.fillRect(0,y,1920,41);x.fillStyle='#090';for(z=0;z<64;z++)x.fillText(z*y*t%9|0,z*30,y)

Mar 2 2017 8:45 AM UTC

}// 140/140

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

u/5Mixer

Hacking the mainframe. :P

show FPS hide FPS share fullscreen

LozzaDawg

function u(t) {

c.width=1e3
for(i=0;i<50;i++){w=50+i*40*S(t)
m=50+40*i
x.fillStyle=R(9*i,3*i,105)
x.fillRect(m,(T(t)+1)*m,w,w)
x.fillRect((T(t)+1)*m,m,w,w)}

Mar 4 2017 4:05 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

kchplr

function u(t) {

for(c.width^=0,i=3e3;i--;y=S((z+z+i<<-9)+t),x.fillRect(980+300*y+y*z*z*99,520+z*500,20+y*y*100,9))z=S(t+i<<-9)

Mar 2 2017 1:35 PM UTC

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

Niklas

remix of d/1675 by u/Niklas

function u(t) {

for(c.width|=0,q=100,i=q;i--;)for(a=i*.031+t*5,j=q;j--;)b=j*.031+t*5,x.fillRect(500+10*i+q*C(b),480+5*(j+q)/2.5*S(a),3,3);

Mar 1 2017 4:05 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/iverjo

Now imagine Jasmine and Aladdin flying around on that carpet while singing "A whole new world"

show FPS hide FPS share fullscreen

New_Core

function u(t) {

t||(a=new(AudioContext)(),o=a.createOscillator(),o.connect(a.destination),o.start(a));t%.2>.1?b=Math.random()*1000|0:o.detune.value=b

Mar 3 2017 12:01 PM UTC

}// 133/140

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

Remove a from o.start(a) .... this one is based on iverjos small size version.

u/13thptr

#audio