Top #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 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 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

Pjaerr

function u(t) {

c.style.background=R();x.fillStyle=R(...[S,C,T].map(_=>127*(_(t)+1)));a=137.5*frame;r=8*frame**.5;x.fillRect(r*C(a)+960,r*S(a)+540,8,8)

Dec 30 2017 7:50 PM UTC

}// 135/140

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

A little bit of Phyllotaxis. http://algorithmicbotany.org/papers/abop/abo…

Show more comments…
u/Pjaerr

btw, changing the angle a from 137.5 to 137.3 or 137.6 produce different, albeit nice, patterns.
u/Bendoman

Second best thing on here by far.
u/dubistdu

WOW
u/trupples

Also.. shouldn't it be 137.5 * pi / 180 ~~ 2.39982772149 as the trigonometric functions take in radians?
u/trupples

137.5 also kind of "isolates" the spirals after a short while while 2.4 does not
u/Pjaerr

Yeah, that'll be it actually. I still thought it looked decent!
u/DiamondDrake

I was just working on a Phyllotaxis dweet, though i was trying to use ellipse that just needs way too many characters
u/@no_identd

Although the point about radians is fully correct, I'd like to point out that the most accurate IEEE single float approximation of this angle in degrees is 137.50777 (which internally becomes 137.5077667236328125)
u/lionleaf

#spiral #flower #plant #botany
u/fujimotos

This is amazingly beautiful.

show FPS hide FPS share 3 remixes fullscreen

Xen

function u(t) {

for(Z=i=32;i--;x.fill(x.arc(960,540,Z+i*Z-C(i*t/9)*Z,i+t*2,i+t*2+2)),x.stroke())x.beginPath(x.fillStyle=`hsla(${i*Z^t*99},90%,50%,.01)`)

Jul 31 2018 9:43 PM UTC

}// 136/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/DataMeta

Amaaazing style!
u/joeytwiddle

Beautiful! #colors #spiral
u/magna

#toon
u/magna

THIS IS CRAZY!
u/fujimotos

This color tone is so awesome. Reminds me metallic oil.
u/sigveseb

Holy shit so nice :)
u/iverjo

Yes!
u/lionleaf

Beautiful!
u/joeytwiddle

#oil
u/Joachim

#art

show FPS hide FPS share 1 remix fullscreen

rikardlindstrom

function u(t) {

!t&&x.translate(980,540)
for(i=99;i;i--){x.fillStyle='#'+(4E5+(255<<(w=t*i))).toString(16).substr(-6)
x.rotate(.3)
x.fillRect(l=-w/2,l,w,w)}

Dec 30 2017 6:15 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 2 remixes fullscreen

joeytwiddle

remix of d/7596 by u/BalintCsala

function u(t) {

for(c.width|=i=8;i--;)for(j=32;j--;x.font=(n/6*(1+C(p=j*.6+t*9))|0)+'px A',x.fillText('⚫',960+n*2*S(a=.8*i+S(p)/7),540+n*2*C(a)))n=(j%16)**2

Apr 6 2018 10:29 AM UTC

}// 140/140

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

Spiral flower, inspired by https://t.co/7SVu2vSUZQ

Show more comments…
u/joeytwiddle

A group effort by u/Agnes, u/BalintCsala and u/joeytwiddle
u/joeytwiddle

Colour version (200 chars): https://codegolf.tk/a/266
u/New_Core

reduced it to 138 looking exactly the same.. with only 1 for loop ;)
u/artfarnaa

Hi Joey. Beesandbombs is cool. I tool a look at his animations and the code that generates them at github. Very cool. Still his stuff would be require many hours to reverse engineer. Your effort to move one his animations here is nice work. Thanks for bringing him to my attention.
u/joeytwiddle

I sometimes post his tweets in the Discord channel, as inspiration for dwitterers with dweeter's block. Agnes posted a prototype and we hacked away at it. :D Let's keep sharing the fun ones!
u/joeytwiddle

Precedent arm: d/5796
u/f8f82804

#spiral-in-spiral
u/f8f82804

#beesandbombs

show FPS hide FPS share 3 remixes fullscreen

zkfrontman

function u(t) {

for(c.width|=0,i=1;i<129;i++)p=t+2*i,x.fillStyle=R(255*S(p+4),255*S(p+2),255),x.beginPath(),x.arc(15*i,600+150*C(p),4*S(p)+11,0,7),x.fill();

Dec 28 2017 2:44 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/joeytwiddle

Nice colours
u/zkfrontman

:) thanks
u/hoppla1232

stylish
u/d0n.key

ayy u foken thief
u/f8f82804

#spiral #d3

show FPS hide FPS share fullscreen

bga_

function u(t) {

for(n=16,W=c.width|=p=0;++p<64*n;)r=Math.exp(U=(p&64?63-p%64:p%64)/9),x.lineTo(W/2+S(a=U+t+6.28*(p>>6)/n)*r,c.height/2+C(a)*r);x.fill()

Mar 9 2017 5:25 PM UTC

}// 135/140

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

Hypnos! n = count of segments / 2

u/iverjo

Very nice!
u/iverjo

#spiral #opticalillusion
u/384.cz

AWESOME
u/384.cz

AMAZING

show FPS hide FPS share 3 remixes fullscreen

rodrigo.siqueira

remix of d/20249 by u/ntsutae

function u(t) {

f=(X,Y,n=0)=>X*X>4?n:f(2*X*Y-.7,S(Y*Y-X*X),n+1);for(i=w=1920;i--;x.fillRect(i,t*60,1,g))x.fillStyle=R(g=f(i/w,t/22)**1.3,g/2.5)

Oct 13 2020 3:34 PM UTC

}// 127/140

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

Melting hot #fractal #spiral

u/Xen

sweet style
u/katkip

beautiful
u/rep_movsd

#underrated

show FPS hide FPS share 1 remix fullscreen

rodrigo.siqueira

remix of d/28148 by u/rodrigo.siqueira

function u(t) {

c.width|=c.style.filter=`invert(`
for(i=2e4;i--;x.fillRect(1100-C(K=1/a+S(i)+5**t/i)*880*a,380+S(K+S(t)/t)*540*a,1,t<9?9-t:0))a=(i**.6)%1

Jul 19 2023 9:42 PM UTC

}// 137/140

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

Vanishing spiral #spiral

u/magna

AMAZING!!
u/Joachim

Wow!!!

dwitter.net | #spiral