Dweets awesomed by u/sfz

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: #Opposites

show FPS hide FPS share fullscreen

sfz

remix of d/672 by u/aemkei

function u(t) {

for(c.width=874,b=[d=this.b||0],i=5e3;i--;x.fillText(b[i]=d?a==3|d[i]&a==2:i%7%2,i%96*9,i/9))for(a=0,j=5;e=93*(2<j--)+j;)a+=d[i+e]+d[i-e]

Mar 1 2017 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).

Life in Bits

show FPS hide FPS share fullscreen

PeCaN

function u(t) {

X=960-960*C(t)+8*t;Y=540+540*S(t)/2-8*t;x.beginPath();x.moveTo(X-X*S(t)/2,Y-Y*C(t)/2);x.lineTo(X+X*S(t)/2-100*t,Y+Y*C(t)/2);x.stroke()

Mar 1 2017 6:47 PM UTC

}// 134/140

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

u/sfz

purdy

show FPS hide FPS share 1 remix fullscreen

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),240+5*j+q*S(a),3,3);

Mar 1 2017 1:29 PM UTC

}// 116/140

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

u/SpecialAgent

nice cloth :)

show FPS hide FPS share fullscreen

magna

function u(t) {

n=64;for(j=n;j--;)for(i=n;i--;c=j<6&i<16?'@疄㖄ᖄ犜'.charCodeAt(j)-n&2<<i:S(t+=t*t|5),x.fillStyle=R(c*=255,c,c),x.fillRect(i*30,j*16,n,n));

Feb 28 2017 10:38 PM UTC

}// 135/140

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

Live feed from Amazon Data Center - Feb 28, 2017

show FPS hide FPS share fullscreen

iverjo

function u(t) {

c.width=96;for(i=5184;i--;)X=i%96-48,Y=0|(i/96),z=S(t*3)/4+.5,x.fillRect(X+48,Y,S((X*C(t)-Y*S(t))*z),S((X*S(t)+Y*C(t))*z))

Feb 28 2017 10:17 PM UTC

}// 122/140

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

This was my first attempt at creating a rotozoom effect. Created in February 2016

u/iverjo

#rotozoom

show FPS hide FPS share 1 remix fullscreen

FireFly

function u(t) {

t||x.translate(X=960,540,c.onmousemove=e=>X=e.offsetX);for(i=80;i--;x.rotate(8))x.fillStyle=`hsl(${X},80%,${i}%)`,x.fillRect(i,S(t)*960,i,i)

Feb 28 2017 9:39 PM UTC

}// 140/140

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

Interactive demo! Move your mouse to change colour!

Show more comments…
u/FireFly

Thanks to veubeke and p01 for golfing tips :)
u/lionleaf

Oh wow! That's amazing
u/sigveseb

really nice!
u/iverjo

Sick!
u/profit

really cool!
u/lionleaf

On mobile you can tap at different locations for different colors
u/sfacci

ridiculously awesome
u/SpecialAgent

Excellent! And packed full of useful technical tricks, double whammy!
u/Xen

Done Re-mi(X)en
u/jaemiejaemie

borrowed the code used for capturing the mouse x on #4296, thank you
u/iverjo

#interactive
u/lionleaf

#spiral

show FPS hide FPS share fullscreen

magna

remix of d/1618 by u/magna

function u(t) {

n=64;W=1920/n;H=1080/n;p=C(t/10)*1e3+1e2;for(j=n*n;j--;X=j&63,Y=j>>6,c=T(t/(p+X-Y)*j)*255,x.fillStyle=R(c,c,c,.1),x.fillRect(X*W,Y*H,W,H));

Feb 28 2017 8:28 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 1 remix fullscreen

New_Core

function u(t) {

w=c.width=128;for(i=w*w;i--;)x.fillStyle=R(0,0,0,Math.random()),x.fillRect(i%w,i%(w-1),1,1);x.font='5em A';x.fillText("☠",25,65);

Feb 28 2017 8:16 PM UTC

}// 129/140

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

I did one with ImageData but the skull didnt fit in. (it was faster but not fast enough to size it up).

u/sfz

swank!
u/New_Core

#noise

show FPS hide FPS share 1 remix fullscreen

magna

remix of d/1617 by u/magna

function u(t) {

n=64;W=1920/n;H=1080/n;p=t*t;for(j=n*n;j--;c=T(t/p*j)*255,x.fillStyle=R(c,c,c,.2),x.fillRect((j&63)*W,(j>>6)*H,W,H));

Feb 28 2017 8:15 PM UTC

}// 117/140

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

u/iverjo

Nice. Kinda reminds me of https://www.dwitter.net/d/93
u/iverjo

#noise

show FPS hide FPS share 1 remix fullscreen

magna

function u(t) {

n=64;W=1920/n;H=1080/n;p=t*t;for(j=n*n;j--;x.fillStyle=R(S(t/p*j)*S(t/p*j)*255,S(t/p++*j)*255,0,.05),x.fillRect((j&63)*W,(j>>6)*H,W,H));

Feb 28 2017 8:09 PM UTC

}// 136/140

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

u/sfz

Mars landing

dwitter.net | sfz (8520)