New #spiral dweets

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

iverjo

remix of d/75 by u/iverjo

function u(t) {

/* LOOK MA, I HAVE ENOUGH SPACE FOR A VEEERY LONG COMMENT! */
c.width^=0;for(i=24;i--;)x.fillRect(960+22*i*C(a=t*i/8),520+22*i*S(a),2*i,2*i)

Feb 25 2017 1:36 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/gormisdomai

This is so pleasing to watch!
u/iverjo

My comment is yuge. It is the largest ever. People love it bigly.
u/sigveseb

lol that comment tho
u/iverjo

Golfed: /* LOOK MA, I HAVE ENOUGH SPACE FOR A VEEERY LONG COMMENT! */ for(c.width+=i=0;i<48;i+=2)x.fillRect(960+11*i*C(a=t*i/16),520+11*i*S(a),i,i)
u/AstonC

Tremendous!
u/iverjo

#spiral

show FPS hide FPS share 2 remixes fullscreen

maysick

function u(t) {

c.width=1920;for(var i=1;i<100;i++){var b=(i*(1000+(t*35))/500);x.fillRect(-b/10+c.width/2+b*C(b),-b/10+c.height/2+b*S(b),b/5,b/5);}

Feb 22 2017 3:16 PM UTC

}// 132/140

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

u/donbright

really nice pattern. i remixed into color hope you dont mind
u/iverjo

#spiral

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

iverjo

function u(t) {

for(i=7;i--;)x.fillStyle=R(a=255*!i,a,a,.02+i),r=S(t/7),x.fillRect(!a*(960+900*S(t+i)*r),!a*(515+500*C(t+i)*r),c=20+8*a,c)

Jul 29 2016 5:10 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 might be a good starting point for creating dweets with rectangles that leave trails. For i = 0 a large, white, semi-transparent rectangle is applied to the entire canvas. For i = 1,2,3,4,5,6 small, black, opaque rectangles are drawn.

u/iverjo

#spiral

show FPS hide FPS share 1 remix fullscreen

iverjo

function u(t) {

c.width=2e3;for(i=24;i--;)x.fillRect(960+20*i*C(t*i/8),540+20*i*S(t*i/8),i,i)

Feb 21 2016 8:30 PM UTC

}// 77/140

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

#spiral

show FPS hide FPS share fullscreen

iverjo

function u(t) {

for(i=4e3;i--;)c=155+99*S(t+4*S(i+t)),x.fillStyle=R(99+c,c),s=45/(9-(t+i/100)%9+1),x.fillRect(960+25*s*C(i+t),540+25*s*S(i+t),s,s)

Jan 8 2016 1:52 AM UTC

}// 130/140

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

Solar flare

You've reached the end.

dwitter.net | #spiral