Dweets awesomed by u/SIGILLIM

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

show FPS hide FPS share 1 remix fullscreen

travisdoesmath

remix of d/4815 by u/travisdoesmath

function u(t) {

for(i=0;i<300;i++){x.fillStyle=R((i)%255,(i)%255,(i+20*t)%255);x.beginPath(),x.arc(960-i/9*S(i+t)*30,540+i/9*C(i+t)*30,i/2,0,6.28);x.fill()}

Dec 30 2017 6:01 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/crimbles

Remixed https://www.dwitter.net/d/5358

show FPS hide FPS share fullscreen

tjl

function u(t) {

x.fillText(c,1e3,9);x.filter='saturate(116%)hue-rotate(15deg)contrast(95%)sepia(1%)';x.setTransform(1,0.01,-0.01,1,5,-8);x.drawImage(c,0,0);

Dec 29 2017 6:02 PM UTC

}// 140/140

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

NB: Results vary between browsers. Tested on Linux Chrome and Firefox, different but cool results on both.

u/Xen

nice
u/coltonb

who put this acid in my coffee
u/ctrlx

(Shhhhh, or everyone will want some of your coffee! :P )

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

quuxman

function u(t) {

p=t?p:Array(9e3).fill(0)
for(i=0;i<9e3;x.fillRect(p[i+=2]+=(p[i+1]+=Math.random()-.5)%2e3,p[i+2]%1e3,9,9))
x.fillStyle=R(S(t*5)*120,0,0,.3)

Dec 29 2017 10:45 AM UTC

}// 139/140

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

u/Zikoat

i was looking for a way to initialize a variable, good one!
u/quuxman

Yah, stole it from u/Xem or someone
u/joeytwiddle

#virus #outbreak
u/vain

Amazing!

show FPS hide FPS share 1 remix fullscreen

jonathan_b

remix of d/4563 by u/jonathan_b

function u(t) {

for(c.width|=s=490,i=0;i<s*9;)for(j=2;j<16;)r=j*4,x.fillStyle=R(i/j,i/r,s/C(i),3/j),x.fillRect(970+s*C(++i)*C(T(t/++j)+j/r*i),s+s*S(i),r,r)

Dec 29 2017 6:05 AM UTC

}// 139/140

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

u/joeytwiddle

#colors

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 fullscreen

trabbt

function u(t) {

w=c.width|=0,x.translate(w/2,500);for(i=0;i<10;i++)a=C(t+i),x.fillStyle=R(90,60,90+90*a*a,.2),x.arc(S(i)*800,C(i)*300,a*a*200,0,6),x.fill()

Dec 28 2017 11:04 AM UTC

}// 139/140

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

u/sigveseb

Great style!
u/nystrand

beautiful!

show FPS hide FPS share 2 remixes fullscreen

lowpoly

remix of d/4348 by u/lowpoly

function u(t) {

i=2e3,c.width=i,x.fillRect(0,0,i,i),x.fillStyle='#fff';for(p=i;p--;)d=p/500,x.fillRect((p+d*50*(t+i))%i,(''+p*T(p)/i).substr(-3)/999*i,d,d)

Dec 28 2017 11:00 AM UTC

}// 139/140

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

Scrolling stars that look more like stars :) Now to add sine functions or something.

u/Xen

x.fillRect(0,0,c.width=p=i=2e3,i)
u/lowpoly

yeah, i usually do something like i=c.width=2e3 now :P

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

dwitter.net | SIGILLIM (1758)