Dweets awesomed by u/akm

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

New_Core

remix of d/3510 by u/New_Core

function u(t) {

for(a=c.width|=i=9;i--;x.fillRect(740+650*S(t*.9+i*4),350+280*C(t+i),400,400))x.filter='blur(100px)',x.globalCompositeOperation="lighter"

Dec 30 2017 10:16 AM UTC

}// 138/140

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

u/joeytwiddle

This is very heavy on my laptop! Remixed here: #4841
u/joeytwiddle

Very nice though. It plays tricks on my eyes, seems to be always growing.
u/New_Core

Sometimes dwitts gets heavy here also scrolling down the list.. most times it help to copy the share link and look at it alone, but yea this one can be heavy, running lots of filters and "gCO"'s
u/13thptr

#heavy #metaballs -like effect

show FPS hide FPS share fullscreen

pe8ter

remix of d/4163 by u/pe8ter

function u(t) {

d=255
a=S(t/3)
b=S(t)
x.fillStyle=R(d*b,d*S(t/2),d*a,.7+.3*b)
for(i=0;i<1920;)x.fillRect(i++,475+535*S(C(i/300+5*b)+5*a),1,200)

Dec 30 2017 7:55 AM UTC

}// 127/140

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

Made it a little higher quality with less characters.

show FPS hide FPS share fullscreen

joeytwiddle

remix of d/2612 by u/joeytwiddle

function u(t) {

t?c.width=W=200:P=Z=0;for(i=36;i--;j==Z&&(X-99)**2<60?Z=9:Z?onclick=e=>Z--:P++)j=i>>2,x.fillText(j?'🚌':'🐢',j?X=j%5*t/i*P/23%W:99,9*(j||Z))

Dec 29 2017 2:29 PM UTC

}// 138/140

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

Crossy tortoise. Click to play

Show more comments…
u/zanella

Holy s**t, that was awesome!
u/joeytwiddle

Thanks hehe. The traffic patterns suffered in this version, to make room for the emojis.
u/iverjo

This needs more upvotes!
u/_nderscore

Awesome!
u/lionleaf

Oh wow! Amazing!
u/trupples

holy shit
u/SIGILLIM

I won! :D. This is so creative.
u/leon

extra
u/vberlier

super dope stuff here
u/joeytwiddle

The traffic I wanted, but cannot fit: j?X=j%5*(t+i)*P/400%W:99
u/lionleaf

#game #interactive #emoji #frogger #tortoise #bus
u/fujimotos

#playable
u/katkip

Impossible
u/hvianna

👍👍
u/joeytwiddle

For playability, the boxy d/2612 is my favourite

show FPS hide FPS share fullscreen

CliffJonesJr

remix of d/4136 by u/Exca

function u(t) {

for(i=0;i<540;i++){d=C(t+i),s=i?9-d*8:2920
x.fillStyle=R(i/3,i,i*2,.1)
x.fillRect(S(t*2.5+i)*S(C(t)+i%50)*(550-i)*1.5+960*(i?1:-1),i*2,s,s)}

Dec 29 2017 4:50 AM UTC

}// 140/140

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

Twister!

u/joeytwiddle

#tornado

show FPS hide FPS share fullscreen

xem

function u(t) {

if(!t)document.write("<h3>DWITTER SOURCE CODE EXPOSED! #H4XX0R😋<textarea style=width:85vw;height:85vh>"+document.documentElement.outerHTML)

Dec 28 2017 9:18 PM UTC

}// 139/140

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

I'm so going to jail for that 😱

Show more comments…
u/Xen

LOL
u/E-Mouse

Xem and Xen in the same comments, comfusing!
u/Xen

:-D both in the same team aswell...
u/xem

xem vs. xen => the M means Mighty, the N means Nasty :D
u/Xen

Xtreme English Nutter!! ;-)
u/SIGILLIM

This is creative xD

show FPS hide FPS share fullscreen

Jacob_

function u(t) {

!t?((o=new OscillatorNode(a=new AudioContext)).connect(a.destination),o.start(),o.stop(7)):o.frequency.value="ƸȋʓŝƸȋƈȋ̐ƈǮɋ".charCodeAt(t*2)

Dec 28 2017 3:46 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 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 2 remixes fullscreen

jbl

function u(t) {

c.width|=0;for(i=2e3;--i;){p=t-i;d=i/9;x.fillStyle=R(d,0,0,S(p));x.fillRect((C(p)*850)%2e3+S(t)*500+990,(i*11+t*99)%2e3-99,S(p)*90,90)}

Dec 28 2017 12:13 PM UTC

}// 135/140

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

u/sigveseb

Nice sense of scale
u/Xen

love it
u/Xen

done you a remix: #4403
u/jbl

thanks!
u/Xen

very welcome ;-)
u/vain

Looks like some bumpmapped tower. Very impressive! Great work!

show FPS hide FPS share 8 remixes fullscreen

retera

function u(t) {

c.width=w=1920
v=t+400
for(q=255;q--;){x.fillStyle=R(q,q,q);x.beginPath();x.arc(w/2+C(v-q)*(v+q),540+S(v-q)*(v-q),40,0,6.283,!1);x.fill()}

Dec 28 2017 8:54 AM UTC

}// 138/140

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

u/Xen

nice style
u/geb

#background
u/vain

well done!

dwitter.net | akm (8202)