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: #Food

show FPS hide FPS share 1 remix fullscreen

BirdsTweetCodersDweet

remix of d/8364 by u/BirdsTweetCodersDweet

function u(t) {

for(c.width|=i=1e3;i--;)x.globalAlpha=.1,x.fillRect(S(t*2+i/50)*i+960,C(t*3+i/50)*i+540,W=i/9+2,W)

Jun 3 2018 6:42 PM UTC

}// 98/140

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

3D spirals

u/BirdsTweetCodersDweet

#d3 #spiral
u/aleamb

wow!

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 1 remix fullscreen

Agnes

function u(t) {

with(x)for(w=c.width=1920,i=100,translate(w/2,540);i--;r=w/i,rotate(T(t/30)),strokeRect(m=-r/2,m,r,r));

Mar 25 2018 4:46 PM UTC

}// 103/140

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

(Looks way better in full screen.)

u/joeytwiddle

#tunnel #spiral #mercury #timeless #doctor_strange

show FPS hide FPS share fullscreen

DragonKyn

function u(t) {

c.width|=0
for(i=5e3;v=i--/800;){
s=4*S(t)*S(9*v)
q=s*2
s*=1-q/3*(1-q/25)
k=100*(4-q*(1-q/14))
x.fillRect(900+k*C(s+=v+t),520+k*S(s),11,9)
}

Feb 21 2018 8:06 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/Bugsy

Nice! Any particular reason you didn't initialize i to 6e3? That'd take care of that gap you have in one of the tendrils
u/joeytwiddle

#spiral

show FPS hide FPS share 2 remixes fullscreen

21medals

function u(t) {

for(i=99;i--;x.fillRect(o=-i*9,o,s=i*18,s))x.resetTransform(),x.translate(960,a=540),x.rotate(i/2*t/5),x.fillStyle=R(S(i)*a,C(i)*a,S(t+i)*a)

Feb 4 2018 10:56 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/magna

Awesome!
u/joeytwiddle

That is one powerful optical illusion. Looks like it's spinning!
u/iverjo

LOL Joey :)
u/DeathBoy

I CAN SEE THROUGH TIME
u/joeytwiddle

#kaleidoscope #spiral #colorshock

show FPS hide FPS share 2 remixes fullscreen

Yogeshp3

remix of d/6244 by u/RUNIE

function u(t) {

c.width|=v=32
for(l=0;l<572;l++)d=l%v*v,x.fillStyle=`hsl(${t*150-d},99%,65%)`,x.fillRect(960+S(r=(1/C(t-d/5))+l/v*.35)*d,540+C(r)*d,v,24)

Jan 22 2018 4:19 PM UTC

}// 137/140

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

washing machine swirel

show FPS hide FPS share fullscreen

eviltoad

remix of d/5517 by u/eviltoad

function u(t) {

for(i=255;i>0;i--)
z=i+t,s=(C(t*10.+i)+i*t*0.5*S(t*i*.1)),x.fillStyle=R(i*S(t),i*C(t),99/T(t*i)),x.fillRect(960+S(z)*s, 540+C(z)*s, 5, 5)

Jan 4 2018 6:52 PM UTC

}// 137/140

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

u/joeytwiddle

#spiral #dots

show FPS hide FPS share fullscreen

ionre

function u(t) {

c.width^=0
for(i=0;i++<70;){x.beginPath()
x.fillStyle=R(40,150,0,i/70)
a=100+12*i
b=i*(t+9)/32
x.arc(960+a*C(b),540+a*S(b),30,0,7)
x.fill()}

Jan 1 2018 1:53 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/iverjo

#spiral #dots

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 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).

dwitter.net | #Spiral