Dweets awesomed by u/M1T0

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

jczimm

function u(t) {

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

Feb 22 2017 5:23 PM UTC

}// 109/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/sigveseb

Very stylish!
u/ninerdelta

nice!
u/Kalanchoe

truly a compact loading spinner!
u/jczimm

Thanks!
u/serko

Any way to view this fullscreen on an iPhone?
u/tischler

Awesome. Negating t makes it more aerodynamic. =)
u/Valscor

This is so cool!
u/over

This would be an amazing loading animation !
u/katkip

This is so easy to make and it has 297 likes
u/Leodude123

ねあt
u/Leodude123

Neat!
u/Scaledish

Could I use this as a animation for my site?
u/jczimm

Yes! Consider it CC0-licensed

show FPS hide FPS share 8 remixes fullscreen

sigveseb

remix of d/302 by u/sigveseb

function u(t) {

(F=Z=>{for(x.fillStyle=R(W=1/Z*4e3,W/2,W/4),i=Z*Z*2;n=i%Z,m=i/Z|0,i--;n%2^m%2&&x.fillRect((n-t%2-1)*W,(S(t)+m-1)*W,W,W));Z&&F(Z-6)})(36)//rm

Feb 21 2017 11:18 PM 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/dx4100

absolute insanity in two lines of code -- so awesome!
u/Daboo

I love it
u/lionleaf

All credit to u/sigveseb! dwitter.net/d/302
u/surasshu

fabulous!
u/alpha

Nice
u/soxface

incredible...
u/suresh

Awesome!
u/arowberry

really really cool!
u/highfestiva

This is far from your best work, why is it so liked?
u/iverjo

Because it got much exposure during a traffic peak on dwitter last year
u/iverjo

Besides, it's an awesome dweet :D
u/iverjo

https://www.youtube.com/watch?v=vFdDOcDLXt4
u/iverjo

#recursive
u/vain

Very cool checkerboard parallax fx
u/fentbiggesthater

decent

show FPS hide FPS share 4 remixes fullscreen

mxfh

function u(t) {

d=x.getImageData(0,0,w=c.width=256,h=144);for(i=0;i<h;i++)for(j=0;j<w;j++)d.data[(i*w+j)*4+3]=(i-j&j+i)*t%w;x.putImageData(d,0,0)

Feb 20 2017 3:43 AM UTC

}// 129/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/jim

This is my favorite demo on Dwitter so far
u/mxfh

first draft on documenting the more obvious parts: https://news.ycombinator.com/item?id=13712558
u/hamptonio

pretty sick
u/mxfh

drone audiosoundtrack paste this:
u/mxfh

;new Audio("data:audio/wav;base64,"+window.btoa('RIFF$WAVEfmt data'+x.getImageData(0,128,c.width,32).data.reduce((data,byte)=>data+String.fromCharCode(byte),''))).play()
u/mxfh

//safer encoding: ;new Audio("data:audio/wav;base64,UklGRiQAAgBXQVZFZm10IBAAAAABAAIAAIAAAAAAAgAEABAAZGF0YQAA"+window.btoa(x.getImageData(0,128,c.width,32).data.reduce((data,byte)=>data+String.fromCharCode(byte),''))).play()
u/Xaviaro

Breathtaking!
u/lionleaf

#fractal #recursive
u/Galaxtone

Of you let it run long enough it returns to the original image but sort of pixelated and a little more and it'll return to the original image

show FPS hide FPS share 2 remixes fullscreen

aemkei

function u(t) {

for(c.width=90,b=[a=this.b||0],i=3e4;i--;x.fillRect(i%90,i/90,1,b[i]=a?3==d|a[i]&2==d:24*i%7%2))for(d=0,j=5;e=87*(2<j--)+j;)d+=a[i+e]+a[i-e]

Feb 19 2017 10:33 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/lionleaf

wow, awesome! Game of life!
u/iverjo

Impressive
u/aemkei

Based on aem1k.com/life
u/aemkei

#gameoflife

show FPS hide FPS share 2 remixes fullscreen

BriSeven

remix of d/546 by u/BriSeven

function u(t) {

X=960,Y=80+1080*t%900,a=1;for(i=99;--i;)x.fillStyle=T(a)<9?R(99-a,a/3,0,.3):"#FFA",x.fillRect(X+=S(a)*Y/50,Y+=C(a)*4,8,8),a+=7*Math.random()

Dec 23 2016 4:34 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/lionleaf

Oh wow, that is amazing!
u/sigveseb

Very nice!
u/iverjo

Wonderful!
u/hamptonio

Happy little tree!
u/Beginner

Wow!
u/Xen

Done Re-mi(X)en 2878
u/Xen

Done Re-mi(X)en 2878
u/Xen

why post twice? :-/
u/joeytwiddle

Quantum commenterference I guess. This one is my favourite :)
u/iverjo

#tree
u/lionleaf

#christmas #christmastree #color
u/rawbits

A sad little tree. He has no friends. (Bob would be proud)
u/vain

Amazing procedural and beautifl tree. Mindblowing coding!

show FPS hide FPS share 1 remix fullscreen

sigveseb

function u(t) {

s=S(t);r=a=>Math.random()*3|0;for(n=c.width=i=2e3;i--;x.lineTo(n*X/Z,n*U/Z))F=r(),U=1+r(),V=r(),Z=V*C(t)-F*s+9,X=4+s+V*s+F*C(t);x.stroke()

Aug 6 2016 10:31 PM 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

I admire your mad skills

show FPS hide FPS share fullscreen

sigveseb

function u(t) {

N=x.shadowBlur=1e3;x.fillStyle=x.shadowColor=R((1+S(t))*127,(1+S(t+1))*127,(1+S(t+2))*127);x.fillRect(960+S(t)*N*C(t/9),540+C(t)*299,99,99)

Jul 19 2016 9: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/iverjo

Nice blur!

show FPS hide FPS share 1 remix fullscreen

icecuber

function u(t) {

c.width=192;A=Math.abs;Y=A(t*99%176-88);X=A(t*139%376-188);x.F=x.fillRect;x.F(X,Y+7,3,3);x.F(187,Y+C(X/39)*29,5,20);x.F(0,Y-S(X/29)*22,5,20)

Apr 24 2016 12: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).

Show more comments…
u/lionleaf

I'd love a blog post explaining how you approached creating this one!
u/iverjo

+1
u/SpecialAgent

+1
u/FireFly

I love this one—the movement doesn't really feel all that artificial despite being so. Hats off for figuring out how to get the pads to that :)
u/dh7

+1 very well done !!!
u/joeytwiddle

Amazing. Looks so real. Some handy techniques in here too :)
u/donbright

genius
u/TheGreatRambler

How do you do that under 140 chars?
u/lionleaf

#pong
u/lionleaf

#game
u/joeytwiddle

#tribute
u/Lazy1337

#witchcraft
u/vain

incredible - great work

show FPS hide FPS share fullscreen

sigveseb

function u(t) {

for(i=4e3;i--;x.fillRect(m+m*s*C(i),960+m*s*S(i)*v,9*s,9*s))v=S(i)<0,x.fillStyle=R(v*(99+(c=155+99*S(t+S(9*i)))),c,!v*c),s=(t+i/(m=250))%9+1

Jan 8 2016 1:46 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/S.T.L.K.R.

This is underrated
u/iverjo

#sun #water
u/joeytwiddle

#sea #ocean #sunset #landscape
u/katkip

I actually was gonna make a similar one before seeing this one

You've reached the end.

dwitter.net | M1T0 (8039)