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 1 remix fullscreen

prplz

remix of d/9771 by u/BalintCsala

function u(t) {

c.width=-1
for(x.scale(X=q=15,q);X--;)for(Y=q;Y--;x.fill())for(x.beginPath(i=6);i--;)x.lineTo(C(a=i*1.04+S(t)*1.57+1.57)+X*2+Y%2,S(a)+Y*1.7)

Sep 12 2018 2:24 AM UTC

}// 140/140

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

for(x.scale(X=15,X);X--;)for(Y=15;

show FPS hide FPS share 1 remix fullscreen

DataMeta

remix of d/9723 by u/DataMeta

function u(t) {

c.width|=i=768;x.transform(1,0,0,1,960,540)
for(i;i--;x.rotate(t/240))x.fillRect(i,i,i/8,i*8)

Sep 9 2018 6:22 PM UTC

}// 93/140

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

For the 'B' side swap i*8 and i/8

u/DataMeta

Takes ~10s to get going
u/Xen

nice style

show FPS hide FPS share 1 remix fullscreen

username

remix of d/9731 by u/ellisk1

function u(t) {

t*=4.2
for(i=0;i<20;i++)for(j=0;j<10;j++)x.fillStyle=`hsla(${7*(i*C(t/2)+j*S(t/3)+5*t)},80%,50%,.05)`,x.fillRect(i*100,j*100,100,100)

Sep 10 2018 10:38 PM UTC

}// 133/140

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

impatience

u/ivan4ik

a

show FPS hide FPS share fullscreen

BalintCsala

function u(t) {

c.width=450
for(i=20;i--;)for(j=9;j--;)x.setTransform(5,0,0,5,i*35+j%2*17.5,j*30),x.rotate(S(t)),x.fillText("⬢",-4,3.5)

Sep 11 2018 7:04 PM UTC

}// 119/140

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

Only works on windows

show FPS hide FPS share 2 remixes fullscreen

firegodjr

remix of d/9767 by u/firegodjr

function u(t) {

x.font='3em x'
for(m=j=32;j--;)for(i=63;i--;)x.fillText('◢◣◤◥'[Math.random()*4|0],i*m,j*m),x.fillStyle=`hsl(${S(t)*i*m+j*C(t)*m},99%,50%`

Sep 11 2018 6:10 PM UTC

}// 137/140

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

Triangle Lines

show FPS hide FPS share 1 remix fullscreen

f8f82804

remix of d/9710 by u/f8f82804

function u(t) {

with(x)c.width^=r=_=>rotate(4),translate(960,9),f=d=>d--&&save(fillText(d,0,99*S(t%1*2)))&r(translate(0,99))&r(f(d))&restore(f(d));f(t%12|0)

Sep 10 2018 6:02 PM UTC

}// 140/140

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

Improved with sinusoidal motion, deeper recursion. #functional #golf #fullscreen

show FPS hide FPS share 1 remix fullscreen

yonatan

remix of d/9666 by u/joeytwiddle

function u(t) {

for(x[f='fillRect'](0,0,c.width=99,j=299);q=j--/9;x[f](50+C(i)*s*6,26+C(i*8)*s,s,s))x.shadowColor=R(j,i=j*j/1e4+t,99),s=99/q,x.shadowBlur=q

Sep 5 2018 6:59 PM UTC

}// 139/140

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

Smokey 3D structure with joey's shadows

Show more comments…
u/sigveseb

Way amazing!
u/cantelope

epic!
u/donbright

O M G
u/donbright

this is .. is this even real or am i dreaming?
u/joeytwiddle

Wow! The 3D looks real, but the scene is dreamlike. #d3
u/aleamb

amazing
u/iverjo

So good!
u/joeytwiddle

#glow

show FPS hide FPS share fullscreen

cantelope

function u(t) {

eval(unescape(escape`儽⡰ⱱ⤽㹸⹦楬汒散琨眫堪瀯娪眭⡳㴱⬶〰⽚⽚⤯㈬栫太焯娪眭猯㈬猬猩㭦潲⡣⹷楤瑨簽眽椽⡨㴵〰⤪㈻椭ⴻ儨ㄬㄩⱑ⠭ㄬㄩⱑ⠭ㄬⴱ⤬儨ㄬⴱ⤩堽㐭⡩⽨⬱〰⤥㘬夽椯栭㈬瘽㜰⭓⡴⤪㘰簰ⱚ㵶⴨椫琪㘩┨瘭ㄩ`.replace(/u(..)/g,"$1%")))

Sep 8 2018 5:16 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/Xen

Yess!
u/iverjo

Interesting
u/donbright

dude ... so we are falling.. and then we are abt to hit ground... and then we are falling again...

show FPS hide FPS share 1 remix fullscreen

line-o

remix of d/9748 by u/line-o

function u(t) {

for(i=240;i--;){F=t*i;y=F/240;s=8*y*y%8;_=F%240;z=C(F/s);
x.fillStyle=R(z*40+100,z*40+40,180-z*50,.2);x.fillRect(_*s-24,y*s-24,s,s)}

Sep 11 2018 11:17 AM UTC

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

line-o

function u(t) {

for(i=300+t;i>t;i--) {
  _=i%30;
  y=i/30;
  x.fillStyle=`hsl(${t*99},${t%10+10}%,${S(t)*10+80}%)`
  x.fillRect(_*t,y*t,8*y*y%1,10/_)
}

Sep 10 2018 10:34 AM UTC

}// 135/140

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

Mathscape

u/line-o

Inspired by: https://twitter.com/feklee/status/2469666347…
u/46uuuu

bro you dont need indent