Dweets awesomed by u/kalium

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

nystrand

function u(t) {

for(i=w=3e3,a=b=g=333*T(t%9/7);j=(i^a*a)%4,i--;x.fillRect(a+=g+C(j*5+t)*g-a/2-w+g,b+=g+S(j*9+t)*g-b/2-w,s,s),w=2)x.fillStyle=R(s=w*9,w,s,.1)

Dec 28 2017 2:50 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/sigveseb

This one is fantastic! Good job indeed
u/Bendoman

Brilliant!
u/Xen

very very impressive!
u/magna

HOW ON EARTH
u/nic

MIND:=BLOWN
u/lowpoly

Gawd, I learnt a lot today
u/Citiral

Since when does Javascript support black magic?
u/sigveseb

Needs more upvotes!
u/doof

this was such a delight to unpack :)
u/Lazy1337

wow
u/aleamb

amazing
u/iverjo

I'm awestruck
u/xem

unbelievable
u/trapkid

lol
u/aleamb

epic! one of the greatest dwitter
u/ThreeNPlusOne

sierpinski triangle :D
u/xem

It'd be nice to have a blog post explaining it :) (please?)
u/trupples

I didn't look much into it but it might have to do with a thing I read about once where if you have a point that "walks" half the distance towards a random corner of a triangle you'll end up drawing a sierpinski triangle sorta like you can see in https://www.dwitter.net/d/5097
u/trupples

And according to http://distrustsimplicity.net/articles/sierp… if you were to use 4 points instead of 3 you'd get a tetrahedron like in this dweet. Fascinating stuff
u/stiaje

#witchcraft
u/lionleaf

#top_of_the_year
u/Scaledish

wow
u/Tekmap

👏👏👏👏👏
u/vain

that's not from this world! incredible code / 3d fx and blur
u/rodrigo.siqueira

3D flying #sierpinski pyramid #fractal

show FPS hide FPS share fullscreen

kalium

function u(t) {

f=_=>x.fillStyle=_;r=(..._)=>x.fillRect(..._);f(`#000`);r(0,0,1920,1080);f(`#FFF`);for(i=0;i++<99;)r(i*50+T(t)*9,600-500*C(i)-9*C(t),9,9)

Dec 26 2017 10:23 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/lionleaf

Hyperspeed? :P
u/kalium

Yea, am listening to daftpunks Discovery C:
u/lionleaf

#stars

show FPS hide FPS share fullscreen

kalium

function u(t) {

// Hello world!
c.width=1920; /* clear the canvas */
  for(i=0;i++<30;)
  x.fillRect(i*60, 500 - 100 * C(i) * S(t*3), 50, 200)

Dec 26 2017 9:49 PM UTC

}// 126/140

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

u/lionleaf

Hello Kalium :D

show FPS hide FPS share 15 remixes fullscreen

Citiral

function u(t) {

w=1920;for(c.width=i=w;i>=0;i-=10)for(j=0;j<1080;j+=10){i2=i-w/2;j2=j-1080/2
d=Math.sqrt(i2*i2+j2*j2)/60
o=9+C(d-t*5)*5
x.fillRect(i,j,o,o)}

Dec 26 2017 8: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/Xen

nice style...
u/Xen

done you a remix #3711
u/sigveseb

very nice steuff
u/sigveseb

stuff*
u/QuincySx

nice
u/netwander

fz_free@tom.com
u/Mew_

sweet
u/rhys5584

all glory to the hypno toad
u/IcanDivideBy0

Math.hypot(i2,j2)
u/SIGILLIM

This is oddly relaxing
u/donbright

remix https://www.dwitter.net/d/5200
u/f8f82804

#halftone
u/Fox

huh, this could make a pretty good desktop background
u/vain

looks really great

show FPS hide FPS share 2 remixes fullscreen

sebbert

function u(t) {

c.width=999;for(a=b=z=0,w=140;z<400;z+=.1)a=S(a*2.4-t)*S(t*2)+C(a+b+t)+C(z*2.34+t),b=C(z*1.56),x.fillRect(a*w+500,b*w+w+w,2,2)

Mar 4 2017 12:59 AM UTC

}// 126/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/donbright

woah!
u/SpecialAgent

Energize!
u/FireFly

This one is really cool o.o
u/FireFly

I would love an explanation or pointer about the maths going on here… in particular I don't understand why the 1.56 constant for the b= is so sensitive. It looks like an approximation of π/2, but all of π/2, 1.57 and 1.5 behave vastly differently/more chaotically. So what's the relationship between these numbers/how is 1.56 derived?
u/tapgiles

What the... @.@ Looks so detailed!
u/joeytwiddle

Some other constants with similar behaviour: 1.17, 2.34, 3.12, 3.51, 3.90, 4.68, 6.24
u/joeytwiddle

And a few with different behaviour: 3.08, 6.05 (!), 6.35

You've reached the end.

dwitter.net | kalium (589)