Dweets awesomed by u/ssg

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 fullscreen

recursive

function u(t) {

for(X=0;X<2e3;X+=64)for(Y=0;Y<2e3;Y+=64)x.fillStyle=R(d=300-((Y-540-200*C(t))**2+(X-960-200*S(t))**2)/2e3,d-64,d+128),x.fillRect(X,Y,64,64)

Feb 22 2017 5:54 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

chisumu

function u(t) {

c.width=2000;for(j=-35;j<35;j++){k=Math.abs(j)+1;x.fillStyle=R(k*10,k*15,k*2);x.fillRect((3*j*j*C(t*j/2))+600,15*j+500,800,10*(k+1));}

Feb 22 2017 5:25 PM UTC

}// 134/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 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 fullscreen

c64skate

function u(t) {

c.width=320;for(a=i=99;i--;x.fillText(0,160+(d*f+k*g)/e,99+(j*f+a*g)/e))f=C((a=-a)+t),e=3+((d=(j=i&2?a:-a)*(g=C(t))-a*f)*g-(k=i&4?a:-a)*f)/a

Feb 22 2017 12:51 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/ozayturay

Cool. :)
u/endo

Nice!
u/ssg

no platform is complete without a rotating cube :)
u/Delimawi

320x200 himm familiar ;)
u/donbright

glorious
u/donbright

glorious
u/lazri

donuts
u/iverjo

#cube

show FPS hide FPS share fullscreen

gojomo

remix of d/838 by u/gojomo

function u(t) {

c.width=1920;for(i=24;i--;)for(j=24;j--;)t+=1.1,s=S(t)*((j+i&1)*2-1),x.setTransform(C(t),s,-s,C(t),i*99,j%12*99),x.fillRect(-9,-49,19,99)

Feb 22 2017 11:27 AM UTC

}// 137/140

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

u/z3vin

I like this, you can save a couple bytes: c.width^=0;for(i=24;i--;)for(j=24;j--;)s=S(t+=1.1)*((j+i&1)*2-1),x.setTransform(C(t),s,-s,C(t),i*99,j%12*99),x.fillRect(-9,-49,19,99)

show FPS hide FPS share fullscreen

caleb

function u(t) {

x.fillText(String.fromCodePoint(0x1F300+(Math.random()*0x130)|0),Math.random()*c.width-40,Math.random()*c.height);x.font="80px arial";

Feb 22 2017 3:04 AM UTC

}// 134/140

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

u/boriel

Where's Wally?

show FPS hide FPS share 5 remixes fullscreen

donbright

function u(t) {

c.width=900;半=450;for(i=0.0;i<360;i+=1){x.lineTo(半+C(i*t/10)*i,半*9/16+S(i*t/10)*i)};x.stroke();

Feb 22 2017 2:31 AM UTC

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

Starts off nice looking and becomes extremely trippy and hypnotic!
u/inviso

mesmerizing
u/ilSilvano

wow that escalated quickly.
u/elanimus

someone tell me how to run this please
u/Xen

Golfed and tweeked, #2909 ;-)
u/sparr

This is a browser glitch, right? It only looks cool because the browser starts using too few segments to draw the spiral. Would be boring in a fixed browser.
u/Haabilo

@sparr Not really a glitch. The code uses lineTo as means to straw the lines. It also sets the maximum amount 5
u/Haabilo

...of the segments. Damn, I didn't think mistapping backspace on mobile would send the comment as-is...
u/ArtsyBiker1

Awesome
u/blackvitriol

welcome to time travels :)
u/hoppla1232

Sir Moire apprecetiates this
u/Freak

This is like one of those nightmares I have where everything keeps on getting faster and it scares me and I love it
u/joeytwiddle

This is for me the definitive dwitter dweet #spiral
u/geb

#background

show FPS hide FPS share fullscreen

function u(t) {

c.width=w=1920;h=1080;d=60;for(q=0;q<w;q+=d*2){for(e=0;e<h;e+=d*2){x.fillStyle=R(0,0,0,C(t+q+e));o=(d*C(t+q));x.fillRect(q+o,e-o,d+o,d+o)}};

Feb 22 2017 12:52 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/jon

Reminds me of the old Microsoft logo 👍

show FPS hide FPS share 1 remix fullscreen

bpierre

function u(t) {

c.width=w=1920;g=s=>0.5+S(t*s)/2;b=`C${'🤓'.repeat(g(5)*40+2)}L`;x.font=g(5)*99+99+'px s';x.fillText(b,g(2)*(w-x.measureText(b).width),480)

Feb 22 2017 12:38 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/sigveseb

coooooooooool
u/lionleaf

C🤓🤓🤓🤓🤓L!
u/bpierre

ha ha
u/yigitozkavci

W🤓W

show FPS hide FPS share 9 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

dwitter.net | ssg (4737)