Dweets awesomed by u/lowpoly

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

jbl

remix of d/5314 by u/jbl

function u(t) {

c.width|=i=300
x.lineWidth=.1
while(--i)q=19+S(t/6)/28*i,x.arc(S(q/3)*i+q*60,(C(q*S(t/2))+4)*i/2+200,(C(q)*60+200)*S(i/96),0,7)
x.stroke()

Jan 4 2018 2:37 AM UTC

}// 138/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/magna

Nice!
u/nystrand

cool!
u/rikardlindstrom

love it!
u/iverjo

It looks organic
u/lionleaf

#balloon #organic #floppy
u/leonarven

Damn that looks impressive, still such simple! :)
u/skeletonNatte

Somehow pretty unsettling

show FPS hide FPS share 1 remix fullscreen

lowpoly

function u(t) {

c.width=l=2e3;for(Y=0;Y<2e3;Y+=9,l=t+Y/99)for(w=5;w--;)x.fillRect((S(l)*Y/98-w/2+20)*50,Y,w*50,2e3,x.fillStyle=`hsl(${Y*4},100%,${5-w}0%)`)

Jan 4 2018 2:02 AM UTC

}// 139/140

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

Another old effect

show FPS hide FPS share 2 remixes fullscreen

BackendForth

function u(t) {

c.width=1920
for(i=0;i<1920;i+=4)
{s=i/99-t*4%27+5
w=Math.pow(2,-s*s)*99+9
x.fillRect(i,540-w/2+S(i/43)*9+(i>960?i/2-480:0)*(i%8?1:-1),8,w)}

Jan 4 2018 1:11 AM 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/justinwzig

This rocks
u/magna

Awesome!
u/lurifax

Smooth!
u/sigveseb

Niiice
u/jbl

beautiful!
u/Bugsy

Golfed and slightly cleaned at https://www.dwitter.net/d/5543. Have fun with the extra characters!
u/Bugsy

(cleaned is referring to some slight blockiness on the right side of the animation, not the code. My code is much uglier :P)
u/BackendForth

Neat! TIL Javascript accepts python notation for exponents.
u/ETHproductions

Golfed even further at https://www.dwitter.net/d/5601. Now there's 30 extra chars to play around with :-)
u/mohd-akram

I was expecting it to open like a zip :D
u/lionleaf

#feynman #feynman_diagram #organic #quantum_field_theory
u/lionleaf

#zip
u/rodrigo.siqueira

Neural sign propagating through axon terminals
u/rodrigo.siqueira

#neural
u/rodrigo.siqueira

#neuralnetwork

show FPS hide FPS share fullscreen

lowpoly

function u(t) {

for(o=10;o--;)with(c){if(!t){i=j=k=l=1;w=width=399;h=height=101;}k*=(i<=0||i>=w)?-1:1;l*=(j<=0||j>=h)?-1:1;x.fillRect(i+=k,j+=l,1,1)}

Jan 4 2018 12:47 AM UTC

}// 133/140

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

Hello guys. I need ideas on how can i optimize this thingie :)

u/lowpoly

and yea, the k*=(i<=0||i>=w)?-1:1; l*=(j<=0||j>=h)?-1:1; part concerns me most
u/joeytwiddle

Well this is 2 chars shorter: if(j<=0||j>=h)l=-l; // and this is the same: (j<0||j>h)&&(l=-l); // You could also drop the four =s for a small loss in quality.
u/sigveseb

Looks nice!

show FPS hide FPS share fullscreen

lowpoly

function u(t) {

for(y=c.width=c.height=n=80;y--;)for(z=n;z--;)x.fillRect(z,y,1,1,x.fillStyle=((Math.sqrt(z*z+y*y))^(Math.atan2(y,z)*n+t*n))&8?'#4a8':'#445')

Jan 3 2018 6:44 PM UTC

}// 140/140

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

Experimenting with a "classical" formula

show FPS hide FPS share 1 remix fullscreen

Blane

function u(t) {

c.width=w=1920;for(i=0;i<w/2;i++){b=1.1*(i%(w));d=9*C((t+.9*i)/2);x.fillRect(960*(1+(Math.sqrt(2e5-(b-539)*(b-539))/1e3)*S(t+.9*i)),b,d,d)}

Jan 2 2018 3:52 PM UTC

}// 139/140

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

u/magna

You can use the ** operator to shorten Math.sqrt(2e5-(b-539)*(b-539))/1e3) to (2e5-(b-539)**2)**.5
u/magna

c.width=w=1920 can be shortened to: w=c.width|=0
u/magna

Golfed down to 111 chars: https://www.dwitter.net/d/5273
u/Blane

Thanks!

show FPS hide FPS share fullscreen

ben

remix of d/4348 by u/lowpoly

function u(t) {

c.width^=0
x.globalCompositeOperation='xor'
for(p=2e3;p--;)d=p/300+1,x.fillRect(-99+(p+99*(t+5E4)*d)%2E3,(""+p*S(p)/9).substr(5,3)*2,d*=d,d)

Dec 30 2017 9: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/sigveseb

Tasteful use of xor!
u/New_Core

same effect can be done shorter with x.rect and x.fill('evenodd')

show FPS hide FPS share fullscreen

FENRIR

function u(t) {

c.width|=0
c.style.background=R()
x.fillStyle="#fff"
for(i=1e2;i--;p=1e5*S(i),r=9/(4-(p+t)%3),x.fillRect(C(i)*360*r+960,r*i*r,r,r));

Dec 28 2017 11:48 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

lowpoly

remix of d/4357 by u/lowpoly

function u(t) {

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

Dec 28 2017 2:51 PM UTC

}// 136/140

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

If you gaze long into an abyss, the abyss also gazes into you.

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 | lowpoly (2825)