Dweets awesomed by u/recursive

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

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

recursive

function u(t) {

for(X=0;X<1920;X+=16)for(Y=0;Y<1080;Y+=16)x.fillStyle=R(p=(Math.atan2(Y-540,X-960)+t+4)*400%256,p,p),x.fillRect(X,Y,16,16)

Mar 1 2017 6:16 AM UTC

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

magna

function u(t) {

c.width=w=3;t?x.putImageData(new ImageData(new Uint8ClampedArray(a),w,1),0,0):a=c.toDataURL().split('').map(k=>k.charCodeAt(0)).slice(0,w*4)

Mar 1 2017 3:35 AM UTC

}// 140/140

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

Gradient from nothing

u/sigveseb

Can't explain that!
u/magna

PNG header FTW
u/iverjo

Wait what? This needs an explanation :D
u/magna

@iverjo I export the empty canvas as a PNG image. The PNG file has non-zero bytes (because it needs to have a header and a bare minimum content to encode the empty content) that I directly use as RGBA values for the canvas image data (the pixel array).
u/magna

#glitch

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

FireFly

function u(t) {

if (!t) x.translate(X=960, 540)
x.fillStyle = 'hsl('+t*20+',90%,50%)'
x.fillRect(0, 0, X/t, X/t)
x.strokeRect(0, 0, X/t, X/t)
x.rotate(16/t)

Feb 28 2017 5:40 PM UTC

}// 140/140

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

Rainbow flower

u/SpecialAgent

so pretty. good use of translation.

show FPS hide FPS share fullscreen

FireFly

function u(t) {

x.strokeStyle='hsl('+t*8+',90%,50%)'
x.beginPath()
for(i=24;i;x[i-24?'lineTo':'moveTo'](960+--i*20*C(U=i/4+t/4),540+i*20*S(U)));
x.stroke()

Feb 28 2017 4:37 PM UTC

}// 139/140

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

u/donbright

cool hsl

show FPS hide FPS share fullscreen

MiseryMyra

function u(t) {

c.width=1920
for(i=1;i<7;i++){x.fillStyle=R(i*S(t)*S(t)*255,0,C(t)*C(t)*99,1)
x.fillRect(800*S(i*t)+960,300*C(i*t)+99*C(3*i*t)+540,99,999)}

Feb 28 2017 1: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).

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.

dwitter.net | recursive (8141)