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

ETHproductions

function u(t) {

s=7,t?x.drawImage(c,0,-s):a=[l=1];for(q=0,i=++l;i--;x.fillStyle=j?'#000':'#fff',x.fillRect(i*s,1080-s,s,s))q=q*2%8|a[i-1],j=a[i]=110>>q&1

Sep 24 2018 7:18 PM UTC

}// 137/140

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

Rule 110

u/ETHproductions

If there's a short way to move the entire drawing a few pixels, it would allow quite a bit more room for messing around...
u/joeytwiddle

Bring out q to shave off two: s=7,x.drawImage(c,q=t?0:a=[l=1],-s)
u/katkip

WOW! AWESOME

show FPS hide FPS share fullscreen

Xen

remix of d/10048 by u/katkip

function u(t) {

c.width|=w=960;h=540;for(i=74;i--;x.restore())x.save(),x.translate(w,h),x.rotate(T(3*t+i/.32-T(t)/9)/i),x.strokeRect(-(s=i*9)/2,-s/2,s,s)

Sep 23 2018 6:20 PM UTC

}// 137/140

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

quick play about

u/katkip

gltichy
u/f8f82804

nice technique

show FPS hide FPS share fullscreen

anotherkitten

function u(t) {

for(i=1;i<1e3;i+=S(1)){x.fillStyle=`hsla(${i/20},80%,${111*S((h=22+22*S(g=t*9+i))-t*(1+t/20))}%,.15`
x.fillRect(h*h,536+536*C(g*278),28,28)}

Sep 26 2018 1:01 AM UTC

}// 140/140

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

fire columns

show FPS hide FPS share 1 remix fullscreen

Purpzie

function u(t) {

x.font='75px"',x.fillText(u+'',100,100)

Sep 26 2018 11:58 PM UTC

}// 39/140

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

shortest #quine i can manage

u/joeytwiddle

Could change scale instead of font: x.scale(9,9),x.fillText(u+'',9,9)
u/Purpzie

@joeytwiddle you're right hmmmm

show FPS hide FPS share 1 remix fullscreen

username

remix of d/10044 by u/username

function u(t) {

 for(x.shadowBlur=i=99;i>0;i-=2,x.shadowColor=x.fillStyle=`hsl(${C(t=88)*i+t*i} 99%38%)`)x.fillRect(960+11*i*-C(a=t*i/16),552+11*i*S(a),i,i)

Sep 24 2018 9:37 PM UTC

}// 140/140

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

u/Qwitter

the Gummy Worms have finally come to devour me!

show FPS hide FPS share fullscreen

prplz

function u(t) {

q=[-1,c.width=200,1]
for(i=5;i--;x.fill())Z=C(t+(X=i&2)*1.57)+3,x.lineTo(99+99*S(t)*q[X]/Z,50+99*q[i+1&2]/Z)

Sep 23 2018 4:00 AM UTC

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

katkip

remix of d/10045 by u/katkip

function u(t) {

a=t*60%60;for(n=z=w=0;n++<99&z*z+w*w<4;[z,w]=[z*z-w*w+a/20-2,n*z*w+~~t/20-1])x.fillStyle=`hsl(${n*n},99%,50%)`,x.fillRect(a*32,~~t*27,32,27)

Sep 23 2018 1:28 PM UTC

}// 140/140

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

Brainbrot #fractal

u/iverjo

#scanline

show FPS hide FPS share 1 remix fullscreen

Purpzie

function u(t) {

c.width=1000
for(i=0;i<100;i++){x.lineWidth=i*10+S(t*2)*75
x.beginPath()
x.moveTo(50+i*200,-50)
x.lineTo(i*14,800)
x.stroke()}

Sep 26 2018 5:15 PM UTC

}// 126/140

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

zebra

show FPS hide FPS share fullscreen

katkip

function u(t) {

c.width^=0;x.fillRect(0,600,1e3,2e3),x.fillRect(0,800,2e3,2e3);for(i=0;i++<9;)q=i+t*1.5,x.fillRect(200+i*100+t*150,400+(q<8.2?0:200),50,200)

Sep 25 2018 4:47 PM UTC

}// 140/140

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

#physics #default not really but it is a beginnign

u/BalintCsala

https://www.dwitter.net/d/7980

show FPS hide FPS share fullscreen

username

remix of d/10074 by u/Quant1um

function u(t) {

x.fillRect(t*99,S(t)*99+444,4,4)

Sep 26 2018 3:26 PM UTC

}// 32/140

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