Dweets awesomed by u/yukulele

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

pavel

remix of d/10527 by u/yonatan

function u(t) {

for(i=c.width|=f=g=>2*g(2*i/3)+g(-i/3),w=960;Z=S(--i);x.arc(w+w*(Z*S(t)+f(S)*C(t))/z,540+w*f(C)/z,w/z/z,0,7))z=7+f(S)*S(t)-Z*C(t);x.stroke()

May 9 2019 10:59 PM UTC

}// 140/140

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

#trefoil #knot

u/pavel

Play around with f(g) to generate different shapes.
u/KilledByAPixel

trefoil knot is best knot, awesome work.
u/katkip

g=>2*g(5*i/9)+g(i/9) is cute
u/iverjo

Very good in fullscreen

show FPS hide FPS share fullscreen

pavel

remix of d/13523 by u/Jezza

function u(t) {

with(x)for(X=960,Y=540,shadowBlur=i=9;--i;fillRect(X+=C(a=t*1e3/(-3)**i)*r,Y+=S(a)*r,i,i))shadowColor=fillStyle=`hsl(${60*i},50%,50%`,r=2**i

May 8 2019 6:34 AM UTC

}// 140/140

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

#epicycles #graffiti

show FPS hide FPS share fullscreen

pavel

remix of d/3599 by u/Xen

function u(t) {

t*=2;x.fillStyle=`hsl(${~~t*45},69%,50%`
x.fillRect(w=640,h=360,w,h);o='00012221'
x.drawImage(c,0,0,3*w,3*h,w*o[t+2&7],h*o[t&7],w,h)

May 4 2019 2:08 AM UTC

}// 132/140

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

Magic #carpet ride #sierpinski #fractal

u/Xen

much better :)

show FPS hide FPS share 1 remix fullscreen

pavel

remix of d/13487 by u/KilledByAPixel

function u(t) {

for(i=t?c.width|=d=_=>u[j=q&-64|p>>6]=-!u[j]|1:(p=q=540,r=7,s=4);i--;)u[i]||x.fillRect(i?i%64*64:p+=r*=d(p+=r),i?i:q+=s*=d(q+=s),z=i?64:9,z)

Apr 27 2019 4:26 AM UTC

}// 140/140

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

#breakout #tribute

Show more comments…
u/pavel

Had to make some visual sacrifices to get this #uncompressed
u/pavel

I discovered p+=r*=d(p+=r);q+=s*=d(q+=s) as part of messing around with this. Why does it work?
u/pavel

:)
u/KilledByAPixel

Oh wow, nice! That's the code that updates the position, velocity and applies collision for x and y. It needs to call the d function to check its colliding and also set the block to 1 if it does. It needs to check x and y separately so it knows which side to bounce off
u/pavel

Notice how d only takes one argument, and it ignores it.
u/KilledByAPixel

I see what you did there. So many great tricks in this one.
u/pavel

p+=r*=d(p+=r) the inner p+=r increments p and d ends runs with that value, however the outer p+= caches the old value of p so when d resolves the inner p+=r is silently ignored!
u/pavel

#physics

show FPS hide FPS share 6 remixes fullscreen

pavel

function u(t) {

for(x.fillRect(0,0,i=640,i);z=--i**.3;x.fillStyle=R(0,500/--z))x.setTransform(s=20/z,0,0,s,0,0),x.fillText('マトリックス'[i%6],i%z*99,t++%z*60)

Apr 26 2019 8:01 PM UTC

}// 137/140

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

What is The #Matrix? v1

u/artfarnaa

Awesome.

show FPS hide FPS share 3 remixes fullscreen

23_Skidoo

remix of d/12291 by u/23_Skidoo

function u(t) {

for(s=24,d=360,i=4e3;i--;f=(C(X)*s+Y)/d-t,x.fillStyle=`hsla(${S(f)*d} 66%${C(f*9)*C(f*s+t)*51+Y/d*8}%`)x.fillRect(X=i%82*s,Y=~~(i/82)*s,s,s)

Feb 11 2019 9: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).

u/pavel

FYI the trick of not putting a delimiter between s and l in the hsl call does not work in Safari, its all just black.
u/sigveseb

Kinda looks like a knitted sweater :)

show FPS hide FPS share fullscreen

f8f82804

remix of d/12142 by u/f8f82804

function u(t) {

with(x)t||fillRect(t,t,a=5e3,a),setTransform(9,0,0,9,960,540),rotate(w=t&&w<a?w+2.4:1),fillStyle=`hsl(${t}rad 95% 50%`,fillRect(w**.5,0,2,2)

Feb 4 2019 7:57 PM UTC

}// 140/140

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

#rainbow #phyllotaxis with #squares -- thanks to u/pavel

show FPS hide FPS share fullscreen

pavel

remix of d/9174 by u/f8f82804

function u(t) {

with(x)for(N=i=300;A=S(a=i--/99);beginPath(fillStyle=`hsl(${i*N} 90% ${c**4}%`))c=A*S(b=t+i)+2,fill(arc(N*c,N*(A*C(b)/2-C(a)+2),70*A+9,0,7))

Nov 8 2018 11:00 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/katkip

I like the fact that it is so fast
u/iverjo

Nice! This reminds me of the spinning beachball of death (on Mac OS X)
u/aleamb

#colors #d3 #sphere
u/pavel

#uncompressed

show FPS hide FPS share 2 remixes fullscreen

jylikangas

function u(t) {

for(c.width=i=v='-1';i++<7;v+=1)x[f='fillText'](v+"x"+v+"="+v*v,155-i*9,30+i*9),x[f](8,X=99-i*6-C(i+t)*25,230-X-S(X)),x[f]('...◢◣.',i**4,64)

Oct 31 2018 3:00 PM UTC

}// 140/140

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

Tourists visiting the Great Pyramid of Math

Show more comments…
u/anotherkitten

dang there is some clever stuff in here, nice
u/magna

How do you even...
u/magna

I mean seriously.
u/aleamb

amazing, fucking amazing
u/cantelope

i wish i could give this more than one awesome. great work!
u/jick

Wow!
u/lionleaf

#pyramid #pyramids #numbers #math <--- Need to be able to find this one again!
u/lionleaf

Amazing!
u/lionleaf

The people even bob up and down as they move
u/sigveseb

Fanfuckingtastic
u/magna

Shut down Dwitter. We're done here.
u/katkip

lovee itt
u/iverjo

#witchcraft
u/joeytwiddle

#landscape #scene
u/danny@hille.dk

I went to the Gizaplateauet onece, and I can comfirm it looked excactly like this :-)
u/vain

Very nice. The code and the usage of filltext seems to be real magic - i will try to check and understand the magic

show FPS hide FPS share fullscreen

keithclark

remix of d/10528 by u/keithclark

function u(t) {

for(c.width=640,i=3e3;i--;i&256||x.fillRect(320-(3-S(t)-i%8)*J,240+((i/8&7)-3.7+t%1)*J,J/=2,J))J=3e3/(i/64+t%1*8),x.fillStyle=R(q=2e4/J,q,q)

Oct 22 2018 7:14 PM UTC

}// 140/140

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

Managed to shave off enough bytes to get Y axis movement. Hat tip to @prplz for help saving bytes

u/keithclark

For better resolution, at the expense of FPS:
u/keithclark

for(c.width=640,i=4e3;i--;i&512||x.fillRect(320-(3-S(t)-i%8)*J,240+((i/8&7)-3.7+t%1)*J,J/=2,J))J=5e3/(i/64+t%2*8),x.fillStyle=R(q=2e4/J,q,q)
u/lionleaf

#d3 #depth #cube
u/rodrigo.siqueira

There is a Brazilian artist (Denis Maricato) who draws this by hand, see here: https://web.facebook.com/denis.maricato/post…
u/vain

amazing fake 3d cube world

dwitter.net | yukulele (2281)