Dweets awesomed by u/RyanFelton

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

Xen

remix of d/5151 by u/ADESONOM

function u(t) {

t?x.fillStyle=`hsla(${t*Z},90%,50%,.01)`:x.translate(Z=960,540)
for(i=99;i--;x.rotate(C(t)/1e4))x.fillRect(i*50-Z,-Z,5,2e3)

Jan 1 2018 10:31 PM UTC

}// 123/140

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

5seconds to paint ;-)

u/Lazy1337

needs some anti-aliasing ;)

show FPS hide FPS share fullscreen

RyanFelton

function u(t) {

for(i=-1;i++<4000;){h=i%20;j=Math.floor(i/20);;x.fillStyle=R(h*S(t)*12,j*C(t)*12,(h+j)*C(t+10)*6);x.fillRect(96*h,54*j,96,54);}

Jan 1 2018 3:32 AM UTC

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

RyanFelton

function u(t) {

c.width=2e3;x.fillStyle='#fff';for(i=-1;i++<60;){c.style.background=R(t);x.fillRect(210*(i*t/5%12)+50,Math.floor(i/12)*210+20,50,200)}

Dec 31 2017 11:31 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 fullscreen

BackendForth

function u(t) {

c.width=1920;
for(i=-594;i<23;i++)
{
q=99*(i+t*3)
r=Math.pow(1.4,i+t*3)
x.fillRect(q,(i%2)?500+r:500-r,59,199)
}
x.stroke()

Dec 31 2017 11:28 PM UTC

}// 123/140

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

u/lionleaf

A zipper?

show FPS hide FPS share fullscreen

ellisk1

function u(t) {

c.width|=0;for(j=1;j<13;j++){w=400*C(j/8);for(i=99;i--;){x.fillStyle=R(0,13*j,13*j);x.fillRect(-w+i*w/2,1100*S(j/8)+C(i/3+t*j/5)*w/3,w,w)}}

Dec 31 2017 10:56 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

quuxman

remix of d/4911 by u/wclang

function u(t) {

A=(a,b)=>{for(i=w;i-=8;x.beginPath())x.arc(a%w,b%(w/2),i,0,7),x.stroke()}
c.width=w=808
A(a=s=9*t,a)
A(a=w-s%w,a)
A(t*2,s)

Dec 31 2017 10:50 AM UTC

}// 122/140

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

fair amount of bytes left to go nuts :)

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

ben

remix of d/4509 by u/ben

function u(t) {

v=(a,b,g,r)=>{for(i=0;i++<r;)x.fillRect(a+=S(g),b-=C(g),r/9,2)
r>1?v(a,b,g+=o,r*=.7)&v(a,b,g+=5,r):0}
o=S(t)/9+1
c.width=500
v(250,280,0,80)

Dec 29 2017 1:23 PM UTC

}// 140/140

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

blowing in the fractal wind

Show more comments…
u/sigveseb

Sweet!
u/Xen

very nice!
u/Bendoman

Fabulous.
u/lionleaf

Amazing!
u/lynnlangit

love, love, love it!
u/nystrand

elegant!
u/iverjo

#recursive
u/lionleaf

#fractals
u/lionleaf

#fractal . hmm, maybe not plural
u/vain

so beautiful - amazing work!

show FPS hide FPS share 5 remixes fullscreen

ben

function u(t) {

function v(a,b,g,r){if(r>1){x.fillRect(a+=r*S(g),b-=r*C(g),2,2)
v(a,b,g-1+C(t),r*=.7)
v(a,b,g+.5+S(t),r)}}c.width=500
v(250,270,0,80)

Dec 28 2017 9:28 PM UTC

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

LOVE IT!
u/ben

trying to make a swaying tree but requires too many characters to draw the branches
u/Xen

join the chat and show your code... :-)
u/sigveseb

Very good!
u/itsjustmustafa

recursive functions in under 140, love it!
u/Bendoman

Best thing on here by far.
u/FrankMoren27

awesome
u/iverjo

#recursive
u/lionleaf

#fractals
u/vain

incredible

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

dwitter.net | RyanFelton (2097)