Dweets awesomed by u/joeytwiddle

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

joeytwiddle

function u(t) {

W=c.width=2e3;for(i=96;i--;)j=i>>2,x.fillRect(j?X=(3*j%8*33*t+i*590)%W:W/2,j?Y=j*90:Z*90,99,50),!t||j==Z&&(X-W/2)**2<W*4?Z=0:onclick=e=>Z++

Apr 23 2017 7:47 AM UTC

}// 139/140

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

You know this game. Click to play.

Show more comments…
u/hscells

this is awesome
u/donbright

omg i made it
u/sigveseb

Really nice!
u/magna

:D
u/MrM@_S

nice job
u/joeytwiddle

Thanks guys 🚗🚙🚓🏎🚂 💥 🐸
u/MrM@_S

I made a quine remix https://www.dwitter.net/d/2596
u/joeytwiddle

An improved version with different levels: https://www.dwitter.net/d/2612

show FPS hide FPS share 1 remix fullscreen

hscells

function u(t) {

w=c.width=1920;s=32
for(i=0;i<w+s;i+=s)for(j=0;j<1080+s;j+=s)x.fillStyle=`hsla(${i+j},99%,50%,1`,x.fillRect(i-s+s*S(t+i),j-s+s*S(t+j),64,64)

Apr 23 2017 2: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).

show FPS hide FPS share fullscreen

cantelope

remix of d/2554 by u/cantelope

function u(t) {

w=960,v=340,x.fillRect(0,0,w*2,v*4)
for(i=99;i--;)for(j=59;j--;)X=i/2-25-C(t),Y=2+S(i/5)*S(j/5+t*3),x.clearRect(w+1/j*X*w,v+Y/j*w,s=99/j,s)

Apr 22 2017 6:43 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

magna

remix of d/2545 by u/prawnwarp

function u(t) {

c.width|=0;for(i=0;i<1920;i+=64){for(j=0;j<1080;j+=64){x.fillStyle=`hsla(${i*j},50%,50%,.3)`;s=S((t*T(i&j^t)))*64+64;x.fillRect(i,j,s,s);
}}

Apr 22 2017 5: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).

u/joeytwiddle

Very pretty! It reminds me of this awesome 256b: https://linusakesson.net/scene/a-mind-is-bor…

show FPS hide FPS share fullscreen

donbright

remix of d/2544 by u/New_Core

function u(t) {

for(j=15;j--;){for(i=0;i<50;i++){x.beginPath();x.arc(i*(40+j*9),(99-j*5)*S(t*j*.5+i)+300+j*60,99,0,7);x.fillStyle=R(9,0,j*12,.12);x.fill()}}

Apr 21 2017 10:48 PM UTC

}// 140/140

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

whale's world, not ours

u/joeytwiddle

Wow!!

show FPS hide FPS share 2 remixes fullscreen

prawnwarp

function u(t) {

c.width|=0;for(i=0;i<1920;i+=64){for(j=0;j<1080;j+=64){x.fillStyle=`hsla(${i*j},50%,50%,.3)`;s=S((t*j*.01+i))*64+64;x.fillRect(i,j,s,s);
}}

Apr 21 2017 1:53 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/magna

So pretty!
u/cantelope

you can omit the closing parenthesis for hsla and save 1 delicious byte :)
u/donbright

man this is nice

show FPS hide FPS share 1 remix fullscreen

New_Core

function u(t) {

a=c.width=2e3;for(j=15;j--;){q=j*9;for(i=50;i--;)x.lineTo(i*(40+q),(99-j*5)*S(t*j*.5+i)+300+j*60);x.lineTo(0,a);x.lineTo(a*2,a);x.stroke()}

Apr 21 2017 12:08 PM UTC

}// 139/140

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

a quick paralx idea, ofcourse would been nicer filled in colors ;) wonder if it can be shorten enough for that.

u/donbright

remix https://www.dwitter.net/d/2547
u/lionleaf

Reminds me of https://www.dwitter.net/d/113
u/joeytwiddle

More sine waves here https://www.dwitter.net/d/1509 ;)
u/13thptr

#parallax

show FPS hide FPS share 1 remix fullscreen

magna

remix of d/2533 by u/Jenky

function u(t) {

t||(n=c.cloneNode(),g=n.getContext("webgl"))
g.clearColor(.7+.3*S(t*4),0,0,1)
g.clear(16384)
x.drawImage(n,0,0)

Apr 19 2017 11:57 AM UTC

}// 111/140

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

Shorter, but inefficient WebGL setup

u/tomxor

OooOh, stop tempting me!

show FPS hide FPS share 1 remix fullscreen

Jenky

function u(t) {

t||(n=c.cloneNode(0),c.parentNode.replaceChild(n,c),g=n.getContext("webgl"))
g.clearColor(.7+.3*S(t*4),0,0,1)
g.clear(16384)

Apr 19 2017 9:49 AM UTC

}// 124/140

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

WebGL, anyone? :D

u/Jenky

Kinda sucks it takes so many bytes to set up, anyone have ideas to shorten?
u/magna

Just keep drawing the new, off-screen canvas onto the existing 2D context seems to work (though, is probably inefficient): https://www.dwitter.net/d/2535

show FPS hide FPS share fullscreen

magna

function u(t) {

c.width|=0
x.font=f='60px monospace'
for(Y=18;Y--;)for(X=32;X--;)x.fillText(X<8?(t+Y<<3>>28-X*4&15).toString(16):-~X%3?0:'',X*40,-~Y*60)

Apr 19 2017 6:47 AM UTC

}// 136/140

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

Hexdump of the void

u/magna

This portion can be used in an operator precedence quiz: t+Y<<3>>28-X*4&15

dwitter.net | joeytwiddle (61494)