Top #torus dweets

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

jylikangas

function u(t) {

x.fillRect(0,0,2e3,2e3)
for(u=29;u--;)for(v=65;v--;x.clearRect(960+(150+99*C(v))*C(U)*z,540+75*S(v)*z,z,z))z=60/(9+C(v)/T(t/2))*S(U=u/9+t/9)

Jun 23 2018 8:08 AM UTC

}// 140/140

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

Pulsating Torus

u/lionleaf

#torus
u/DataMeta

Marvelous!
u/iverjo

Well done!
u/Galaxtone

TypeError: u is not a function

show FPS hide FPS share 1 remix fullscreen

jylikangas

function u(t) {

//TBD: remove comments
for(W=i=688;i--;x.clearRect(W+q*C(u=i*W+t)/T*W,W+(4+C(t))*S(i)/T*W,T=q*S(u)+9,T))x.fillRect(0,i*2,2e3,1.3),q=6+5*C(i)

Mar 9 2020 5: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).

Torus at the Discoteque

u/rodrigo.siqueira

I am inside a #torus. It reminds your previous #d3 https://www.dwitter.net/d/8707 and also this rotator https://www.dwitter.net/d/13254
u/jylikangas

I did this from scratch and managed to implement a torus in much smaller space than last time. Notice the little ghost effect trick. There's still 22 bytes left but I felt the demo was ready.
u/ivylab

Whoaaaaaaa, so nice, I love this. Futuristic. Motion blur too. Great job!
u/katkip

nice!

show FPS hide FPS share fullscreen

pavel

function u(t) {

for(i=c.width|=0;i--;x.fillRect(960+200*(r*C(a=i*o/300)-4*o+3),540+200*((1-o)*S(i)*C(b=o*1.6)-r*S(a)*S(b)),8,8))o=t/3%1,r=(1-o)*C(i)+3*o-4

May 30 2019 4:25 AM UTC

}// 138/140

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

#torus #loop

u/katkip

#beesandbombs

show FPS hide FPS share fullscreen

rep_movsd

function u(t) {

eval(unescape(escape`𭱩𭁨𚁸𚑦𫱲𚁣𛡷𪑤𭁨𯀽𢰽𞐹𛁥🐨𡀬𠠬𠰩🐾𩑬𫁩𬁳𩐨𢰪𞐫𡀪𢰪𛐨𠐥𝠼𜰿𜐺𛐱𚐬𝐴𜀬𡐽𥰭𛐪𢰬𡐭𢰬𜀬𠐫𠠬𠐫𠰬𠠩𛁚🐮𜰬𠐽𚁴𙐽𦠩𞱁🀶𚱴𞱁𚰽𦠬𬱴𬡯𪱥𚀩𚑢𩑧𪑮𤁡𭁨𚁗🐴𚐬𩐨𜐬𦠬𜀬𩐨𜀬𜀬𦠬𨱬𫱳𩑐𨑴𪀨𩐨𜐬𜀬𦠩𛁥𚀰𛁚𛀰𚐬𥰽𝐩𚐩`.replace(/u../g,'')))

Oct 15 2020 11:09 AM UTC

}// 140/140

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

#tesseract #torus

u/Xen

Nice!
u/magna

canvas.getContext('4d')
u/jellyedwards

Better than my attempt! https://www.dwitter.net/d/19690

show FPS hide FPS share 4 remixes fullscreen

erin

remix of d/13665 by u/rodrigo.siqueira

function u(t) {

c.width|=0,w=960
for(i=4000;i--;x.fillRect(w+w*X/Z,w-Y/Z*w,s=500/Z/Z/Z,s))
X=2*C(U=i+t)+C(V=t+i*i),
Y=T(U)+C(V)*T(V)-2,
Z=S(U)-5

Feb 11 2021 3:41 AM UTC

}// 128/140

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

flow

u/erin

#d3
u/rodrigo.siqueira

Change from T(U) to S(U) and it will become a #torus
u/erin

check out my remix of this one, it turns into a torus and back into this shape

show FPS hide FPS share 2 remixes fullscreen

cantelope

function u(t) {

for(x.fillRect(0,0,i=(w=960)*2,i);i--;x.clearRect(w+(v=S(q=i/305+t)*Z)/(Z=C(q)*Z-8)*w,(S(i)-3)/Z*w-99,s=50/Z,s),x.fillStyle=R(v*40))Z=C(i)+4

Jun 22 2018 6:45 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 1 remix fullscreen

rodrigo.siqueira

remix of d/27320 by u/tomxor

function u(t) {

c.style.filter=`invert(`
for(ⵠ=1e4;ⵠ--;ƒ(0,0,300,ⵠ+t))ƒ=(β,α,ထ,ට)=>ထ>1?ƒ(α+ထ*C(ට),β+ထ*S(ට),ထ/3,T(ට/99+t*ට)/2):x.fillRect(β+940,α+510,.2,t<1)

Apr 2 2023 7:32 PM UTC

}// 140/140

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

#torus in the dark, light and shadow

u/cantelope

cool efx!
u/joeytwiddle

#donut also 🤭
u/jdspugh

Very cool

show FPS hide FPS share 1 remix fullscreen

rodrigo.siqueira

remix of d/20948 by u/rodrigo.siqueira

function u(t) {

c.width|=0
for(var i=5e3;i--;f(0,K=i%2,280,i))
f=(w,h,q,d)=>q>99?f(C(t*2+K)*h+q*C(d+t),w+q*S(d+t),q/2,i*i):x.fillRect(w+480+930*K,h+510,5,9)

Dec 10 2020 9:43 PM UTC

}// 140/140

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

Rotating Double Donuts #torus #donut 🍩🍩

u/TGY

I don't think you need "var" there. It works fine without it :)
u/New_Core

nice, and its 5 FPS faster with the "var" then without on my old machine.

show FPS hide FPS share 3 remixes fullscreen

rodrigo.siqueira

remix of d/20935 by u/rodrigo.siqueira

function u(t) {

for(ⵠ=1e4;ⵠ--;ထ(0,ꖴ=2,280,ⵠ+t,`💡&&⭕⭕➜🍩🍩`))
ထ=(ഠ,𑄗,Ꙭ,ට)=>Ꙭ>99?ထ(𑄗+Ꙭ*C(ට),ഠ+Ꙭ*S(ට),Ꙭ/ꖴ,T(ට*ට+t*ට)/ꖴ):
x.fillRect(ഠ+480+950*(ⵠ%ꖴ),𑄗+510,.4,t<ꖴ)

Dec 9 2020 4: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).

Illuminated Double Donuts #torus #donut

Show more comments…
u/ciaccodavide

Nice! Double donuts everywhere!
u/pavel

Not a fan of the obfuscated code. Looks nice to people who don't care to understand it but hurts your fellow coders that want to play around with it, which is a big part of Dwitter for me.
u/geb

for(i=1e4;i--;f(0,c=2,280,i+t,💡&&⭕⭕➜🍩🍩)) f=(w,h,q,d)=>q>99?f(h+q*C(d),w+q*S(d),q/c,T(d*d+t*d)/c): x.fillRect(w+480+950*(i%c),h+510,.4,t<c)
u/rodrigo.siqueira

I posted a cleaner version (remix). I usually avoid obfuscated code, but in this case it was for aesthetic reasons and for fun ("donuts everywhere" style). The 💡&&⭕⭕➜🍩🍩 part was just to illustrate, it has no functionality in the code.
u/tomxor

I think Pavel might be refering to unicode tofu, I get this too... the "⭕⭕➜🍩🍩" bit renders but almost all the other non-ASCII chars are tofu. I think it depends on what browser/OS combo you have.
u/tomxor

... and which fonts you've bothered installing.

dwitter.net | #torus