Dweets awesomed by u/pavel

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

tomxor

remix of d/18484 by u/jylikangas

function u(t) {

for(w=i=c.width=256;--i;x.fillRect(...(i&1?[6+X,6+Y,48,36]:[(t+++S(t))*20.372%w+i%9,1+X%w,4,2,x.transform(0,1,-1,0,w,0)])))X=i%9<<6,Y=i%5<<6

Apr 25 2020 11:25 PM UTC

}// 140/140

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

#City #Traffic #Simulator v2

u/tomxor

They are mostly behaved at the junctions, few maniacs' here and there...
u/KilledByAPixel

👍
u/jylikangas

Very clever to use transform here! Thanks for improving this.
u/tomxor

Thanks for starting the idea, was really fun making this one.

show FPS hide FPS share 1 remix fullscreen

jylikangas

function u(t) {

c.width=-1
for(k=i=150;i--;)x[f="strokeRect"](i%6*64,i/5<<6,-37,i&3?40:20)
for(;i++<k;x.rotate(11/7))x[f]((i*32+t*k)%620-300,(i/2<<5)-k,9,4)

Apr 24 2020 1:34 PM UTC

}// 140/140

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

City Traffic Simulator

u/katkip

#city #simulation
u/tomxor

Nice! deserves some remix :)
u/Xen

nice
u/KilledByAPixel

🚗

show FPS hide FPS share fullscreen

pavel

function u(t) {

f=(X,y,r=80,a=0)=>r>6&&[0,.4,-.4,0].map(o=>o?f(X+r*S(a)*C(X*y/4e4+t),y-r*C(a),r*.8,a+o):x.lineTo(X,y));c.width=640;f(320,360);x.stroke()

Apr 24 2020 8:23 AM UTC

}// 136/140

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

Rotating #tree #fractal

u/pavel

Inspired by https://twitter.com/ntsutae/status/125356447…
u/neimad

You should do a twitch channel. amazing.
u/ntsutae

I’m honored.
u/pavel

u/ntsutae :O I love your stuff on twitter! 素晴らしですよ
u/vain

Great 3D version !!

show FPS hide FPS share fullscreen

pavel

function u(t) {

for(c.width|=f=(k,n=9)=>n&&C(n**.9*k)/n+f(k,n-1),x.translate(h=960,i=0);i++<h;x.fillRect(r=h/z,r,-2*r,9/z/z))z=i/42,x.rotate(f(z+3*t)/180)

Apr 24 2020 2:49 AM UTC

}// 138/140

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

https://twitter.com/ntsutae/status/121468374…

u/Xen

sexy lines
u/pavel

It seems like Safari plays dweets significantly slower until you tap on them... Giving the iframe focus increases the request animation frame rate.
u/katkip

very sexy

show FPS hide FPS share fullscreen

tomxor

remix of d/18413 by u/pavel

function u(t) {

for(w=c.width=120,i=9e3;i--;x.fillRect(i%w,i/w,1+S(9*X/d)**5*S(9*Y/d)**5,d/2+Y/4))X=i%w/30-2,Y=i/w/30,r=X*X+(S(Y-8)-t%4+2)**2,d=r>.2||C(r*5)

Apr 24 2020 12:16 AM UTC

}// 140/140

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

#rain drop on a #window

u/Whimpers

That’s insane! Nice job 👍
u/magna

Wow!
u/sigveseb

Niiiiice!

show FPS hide FPS share 3 remixes fullscreen

rodrigo.siqueira

remix of d/18458 by u/rodrigo.siqueira

function u(t) {

for(X=f=c=>S(S(9*c/d)*t),Y=t/8-1.1,i=2e3;i--;x.fillRect(i,t*60,(1+f(X=i/480-2)*f(Y))*(d/2+Y),3))x.fillStyle=R(C(r=X*X+Y*Y)*125),d=r>1||T(r)

Apr 23 2020 5:58 PM UTC

}// 139/140

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

Red Sphere Reflection #raytracing (high resoluton)

Show more comments…
u/Xen

Tf Dude! top dweet right here 😍
u/lionleaf

That's amazing!
u/lionleaf

#glass #sphere
u/stiaje

#witchcraft
u/Ath0r

Impressive, great job!
u/katkip

genius script
u/PoweredByWill

wow. dwitter povray.
u/mole

I am shooketh. This is absolutely incredible.
u/katkip

#slowrender
u/cli

This is great.
u/Nascretis

Actually insane. #witchcraft

show FPS hide FPS share fullscreen

pavel

function u(t) {

for(let i=2e3,f=(x,n,c=8-(t+6)*n)=>~n&(x*x*n*n+(8+(t-12)*n)**2+c*c-5)**2/16+c*c>1?f(x,n+=.002):c;i--;)x.fillRect(i,t*180,f(i/135-7,.7),3)

Apr 23 2020 7:27 AM UTC

}// 137/140

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

Actually #raytracing a #torus using ray marching

Show more comments…
u/Xen

Sweeet!
u/tomxor

Yes! we need more explicit surfaces on dwitter :)
u/Odog8

which expression is the DFT?
u/tomxor

I'm confused... this isn't explicit? it recurses.
u/pavel

This recurses just to advance ray length.
u/pavel

The closed form expression is x*x*n*n+(8+(t-12)*n)**2+c*c-5)**2/16+c*c-1 where c=8-(t+6)*n and n is the free variable.
u/tomxor

Ah, so is this technically ray casting? I have to ask because I still don't intuitively get all of the math.
u/tomxor

Sorry I meant ray marching
u/pavel

Yes. The math constructs a ray from (0,8,8) looking at (0,0,0), varied a bit depending on the pixel being drawn, its length is a function of n. I plug this into the equation for a torus and increment n from .7 to -1 until I find a zero of the equation.
u/pavel

Here is a version without much golfing that makes things clearer for(let i=2e3,f=(o,n,x=o*n,y=t/3*n-n,z=4-n)=>z>-1&(x*x+y*y+z*z+3)**2>16*(x*x+y*y)?f(o,n+.01):z;i--;)x.fillRect(i,t*180,f(i/540-16/9,3),3)
u/pavel

(x*x+y*y+z*z+3)**2>16*(x*x+y*y) is directly from https://en.wikipedia.org/wiki/Torus
u/pavel

with R=2 and r=1
u/pavel

This example shoots rays from (0,0,4). In order to rotate the shape you have to move where the rays come from, the camera!
u/tomxor

Thanks for the explanation 👍

show FPS hide FPS share 1 remix fullscreen

pavel

function u(t) {

for(let j=3,X,r,f=x=>S(16*x)**420;j--;)for(let Y=t/3+j/540-1,i=2e3;i--;x.fillRect(i,t*180+j,2*r,f(X/r)+f(Y/r)))X=i/540-16/9,r=X*X+Y*Y

Apr 23 2020 5:31 AM UTC

}// 133/140

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

Conformal mapping of a grid (1/z), all intersections are at right angles

u/pavel

Set r=1 to see the grid.

show FPS hide FPS share 1 remix fullscreen

BrutPitt

function u(t) {

c.width+=X=Y=Z=d=.19
for(i=9e3;i--;)X+=d*(-d*X+S(Y)),Y+=d*(-d*Y+S(Z)),Z+=d*(-d*Z+S(X)),
x.lineTo(960+99*(X*C(t)-Y*S(t)),560-99*Z)
x.stroke()

Apr 22 2020 10: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).

3D Thomas #Attractor

u/BrutPitt

Very shrinked code from glChAoS.P #Tomas formula: https://www.michelemorrone.eu/glchaosp/dtAtt…
u/tomxor

woah
u/BrutPitt

Thanks to KilledByAPixel's rotation technique in his Lorenz dweet
u/KilledByAPixel

👍

show FPS hide FPS share 1 remix fullscreen

tomxor

remix of d/18323 by u/pavel

function u(t) {

f=(x,y,n=w)=>x<n?f(x*x-y*y-.8,2*x*y+.2,n-1):S(n/9)
for(w=c.width=99,i=6e3;i--;)
x.fillRect(X=i%w,Y=i/w,1,f((X-49)/t**8,(Y-28)/t**8-.703956))

Apr 22 2020 7:38 PM UTC

}// 140/140

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

#zoom #julia #fractal

u/tomxor

Including x<n and .2i from u/rodrigo.siqueira
u/xem

amazing! how many extra bytes to have it less pixellized?
u/tomxor

Only +2 for 1/4 HD: d/18436 but your CPU will cry :P in fact full HD fits but you have to start measuring the speed in seconds per frame.
u/iverjo

Impressive!

dwitter.net | pavel (31987)