Dweets awesomed by u/michaelakelley

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

ClayCowgill

function u(t) {

for(j=0;j<900;j++)x.globalAlpha=.3,
i=S(t)*4,s=S(t+j),o=C(t-j),x.fillStyle=`hsl(${j-t},100%,50%)`,x.fillRect(950+j*s,500+j*i*o/3,10,10)

Mar 2 2017 7:14 AM UTC

}// 135/140

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

u/Purpzie

Shortened by 18 characters: for(x.globalAlpha=.3,j=900;j--;)x.fillStyle=hsl(${j-t} 99%50%),x.fillRect(960+j*S(t+j),540+j*(S(t)*4)*C(t-j)/3,9,9)
u/Purpzie

Wait, 2 more characters can be shaved off so now it's 20 characters less than yours: for(x.globalAlpha=.3,j=900;j--;)x.fillStyle=hsl(${j-t} 99%50%),x.fillRect(960+j*S(t+j),540+j*S(t)*4*C(t-j)/3,9,9)

show FPS hide FPS share fullscreen

unstructuredmesh

function u(t) {

r=Math.random;x.font="72px Arial";for(i=0;i<55;i++)for(j=0;j<22;j++)b=r()*255,x.fillStyle=R(b,b,b,r()),x.fillText("Δ",i*36-(j%2)*18,50*j)

Mar 2 2017 7:09 AM UTC

}// 138/140

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

u/iverjo

At first I read "unstructuredmess", and thought that word was somehow linked to this dweet ^^

show FPS hide FPS share fullscreen

puckipedia

function u(t) {

c.width+=0,c.onmousemove=d=>a=d.clientX*3;z=(t?z:Array(f=1e3).fill([a=f,0])).map(([w,e],i)=>(x.fillRect(w,i,9,9),[w+e*i/f+e/9,(e*6+a-w)/9]))

Mar 1 2017 7:29 PM UTC

}// 140/140

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

Just a wobbly line.

Show more comments…
u/sfz

was staring at this waiting for something to happen longer than I like to admit XD
u/lionleaf

Amazing. Love these interactive ones
u/iverjo

+1 for the physics :D
u/iverjo

mildly entertaining to play with
u/hamptonio

nice!
u/recursive

I learned something new! Destructuring assignment!
u/iverjo

#interactive
u/katkip

#physics

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

andy

function u(t) {

a=b=>S(t*b)*128+128
x.fillStyle=R(a(1.3),a(3),a(2))
x.fillRect(S(t*3)*960+960,C(t*2.5)*539+539,10,10)
x.drawImage(c,S(t)-2,C(t)-2,1924,1084)

Feb 23 2017 10:30 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 more comments…
u/magicmarc

First line as "a=b=>128*(S(t*b)+1)" brings this to 140.
u/andy

Thanks, that's right. Didn't even realize i was over 140 :)
u/lionleaf

Are you seeing over 140 characters? On chrome it says 140/140 at least.
u/andy

weird, yesterday it said 143.
u/michelinux

It's probably because on Windows the new line takes 2 characters ('\n\r'). Use ';' instead of new line and you should have a more consistent behaviour.
u/andy

still weird, i don't have any windows machines.
u/SpecialAgent

the simplicity of that zoom blows my mind, great work!

show FPS hide FPS share 4 remixes fullscreen

p01

function u(t) {

for(d=2e3;d--;x.fillRect(960+d*C(a),540+d*S(a),24,24))a=Math.random()*6.3,x.fillStyle=R(e=255*C(t-1e3/d*S(t-a-C(a*99/d))),99*S(a-e/d),6e4/d)

Feb 22 2017 11:45 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/sigveseb

Nice!
u/ninerdelta

wow!
u/p01

Thanks :)
u/ArtsyBiker1

Awesome!
u/TheGreatRambler

Messing with my brain!
u/lionleaf

#tunnel

show FPS hide FPS share fullscreen

michaelakelley

function u(t) {

c.width=1920;
for(i=0;i<300;i++)for(j=0;j<10;j++){x.fillRect(960+300*C(i*t)*S(T(t/1.1)+j/i),540+200*S(i),10,10)}

Feb 22 2017 8:59 PM UTC

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

michaelakelley

function u(t) {

c.width=1920; /* clear the canvas */
for(i=0;i<20;i++)
x.fillRect(400+i*100+S(t)*300,S(i+t)*400, C(i*t)*50, T(i+t*t)*200)

Feb 22 2017 8:56 PM UTC

}// 121/140

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

You've reached the end.

dwitter.net | michaelakelley (407)