New #hypot 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

rodrigo.siqueira

function u(t) {

for(c.width=w=i=2e3;i--;)
X=S(i*i),Y=S(i),ℵ=C(Math.atan2(X,Y)-t)*Math.hypot(X,Y),
K=w/2,x.fillRect(w*ℵ/(Z=4+C(t)+X*X-Y*Y)+K,w+K*(ℵ-6)/Z,7,8)

Jun 26 2019 7:01 PM UTC

}// 140/140

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

The Hyperbolic Paraboloid (z=x²-y²). The S(i*i) and S(i) are random number generators between -1 and +1. The atan2 and hypot are used to calculate 3d object rotation (Euler equations could also be used, as seen on /d/12086). Thanks to u/cantelope for the Tiny 3D Engine Tutorials: https://cantelope.org/tiny_3D/ and https://cantelope.org/3D/ #math #hypot #D3 #hyperbolic #surface

u/cantelope

:D
u/rodrigo.siqueira

There is an interesting fact that the Pringles potato chips are a truncated hyperbolic paraboloid. The strength of the shape helps to prevent them from breaking while stacked. The curvature of the shape improves resistance to tension and compression forces. Remember this next time you eat a hyperbolic paraboloid.

show FPS hide FPS share fullscreen

f8f82804

remix of d/11792 by u/f8f82804

function u(t) {

for(i=c.width^=0;i--;x.fillRect(X/d+960,Y/.8/d,s=45-5e3*d,s))r=i%2+1,d=Math.hypot(X=r*S(ϕ=i/612)*S(θ=i*37-t/r),Y=r*C(ϕ)+4,r*C(θ)*S(ϕ)+5)/1e3

Jan 15 2019 12:39 AM UTC

}// 140/140

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

#d3 #perspective #projection #sphere using #hypot -- better #correction for the #distortion

show FPS hide FPS share fullscreen

f8f82804

remix of d/11811 by u/f8f82804

function u(t) {

for(i=c.width^=0;i--;x.fillRect(X/d+960,Y/.5/d-64e2,s=36-d*1e4,s))a=S(ϕ=i/612),θ=i*37+C(i/99+t),d=Math.hypot(X=S(θ)*a,Y=C(ϕ)+9,C(θ)*a+5)/4e3

Jan 15 2019 12:36 AM UTC

}// 140/140

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

my #d3 #hypot #perspective #projection of a #sphere #model with #distortion #correction -- in some previous dweets I did this wrong, resulting in an egg shape!

show FPS hide FPS share 1 remix fullscreen

f8f82804

function u(t) {

for(i=c.width^=0;i--;x.fillRect(X/d+960,Y/d-3e3,s=30-d*1e4,s))a=S(ϕ=i/612),θ=i*37+C(i/99+t),d=Math.hypot(X=S(θ)*a,Y=C(ϕ)+9,C(θ)*a+5)/4e3

Jan 15 2019 12:21 AM UTC

}// 136/140

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

my #d3 #hypot #perspective #projection of a #sphere #model without any #distortion #correction

u/f8f82804

remix of d/11749

show FPS hide FPS share fullscreen

f8f82804

remix of d/11754 by u/f8f82804

function u(t) {

for(c.width^=0,i=223;i--;x.lineTo(X/d+960,Y/d-960))d=Math.hypot(X=S(ϕ=i&1?2.7:.7)*S(θ=i*1.5-t/2),Y=C(ϕ)/.8+3,C(θ)*S(ϕ)+5)/3e3;x.stroke();

Jan 14 2019 6:40 PM UTC

}// 137/140

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

#d3 #hyperbolic #tower #model in a #perspective #projection using #hypot

u/f8f82804

#hyperboloid
u/metamero

#moire
u/f8f82804

This dweet is still based on the spherical model it was remixed from, so all the points we generate are still on the surface of a sphere! The trick is judiciously connecting them with lines.
u/f8f82804

#fullhd

show FPS hide FPS share 1 remix fullscreen

f8f82804

remix of d/11753 by u/f8f82804

function u(t) {

for(i=c.width^=0;i--;x.fillRect(X/d+960,Y/d,s=45-5e3*d,s))r=i%2+1,d=Math.hypot(X=r*S(ϕ=i/612)*S(θ=i*37-t/r),Y=r*C(ϕ)/.7+4,r*C(θ)*S(ϕ)+5)/1e3

Jan 14 2019 5:22 PM UTC

}// 140/140

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

#perspective #sphere #pointcloud #hypot -- the distortion from this projection is clear here, because the two spheres should be concentric but it looks like they aren't

u/metamero

this dweet series is great
u/f8f82804

thanks! I'm having a lot of fun with it. Hopefully I'll be able to fix up the distortion a little and reivist some of these ideas
u/f8f82804

the distortion here is pretty bad because i'm applying the correction incorrectly! see d/11812

show FPS hide FPS share 1 remix fullscreen

f8f82804

remix of d/11753 by u/f8f82804

function u(t) {

for(i=c.width^=0;i--;x.lineTo(X/d+960,Y/d-960))d=Math.hypot(X=S(ϕ=i/612)*S(θ=i*95**.1-t/2),Y=C(ϕ)/.8+3,C(θ)*S(ϕ)+5)/3e3;x.stroke();

Jan 12 2019 12:17 AM UTC

}// 131/140

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

building a #hyperbolic #surface by connecting points on a #sphere with lines, rendered with a #d3 #perspective #projection using #hypot

show FPS hide FPS share 2 remixes fullscreen

f8f82804

remix of d/11749 by u/f8f82804

function u(t) {

for(i=c.width^=0;i--;x.fillRect(X/d+960,Y/d-960,s=48-2e4*d,s))d=Math.hypot(X=S(ϕ=i/612)*S(θ=i*37+i**C(i+t)/i-t),Y=C(ϕ)/.8+3,C(θ)*S(ϕ)+5)/3e3

Jan 12 2019 12:03 AM UTC

}// 140/140

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

#perspective #sphere #pointcloud #swarm #traffic #hypot

show FPS hide FPS share 1 remix fullscreen

f8f82804

remix of d/11689 by u/f8f82804

function u(t) {

for(i=c.width^=0;i--;x.fillRect(X/d+960,Y/d/.9-1150,s=47-d*2e4,s))a=S(ϕ=i/612),θ=i*37+C(i/99+t),d=Math.hypot(X=S(θ)*a,Y=C(ϕ)+3,C(θ)*a+5)/3e3

Jan 11 2019 8:11 PM UTC

}// 140/140

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

#waves on a #perspectives #sphere -- #d3 #pointcloud

u/f8f82804

this dweet uses a better perspective transform based on Math.hypot -- #hypot
u/f8f82804

The projection still isn't perfect, because I'm rotating the sphere's axis towards the viewer by positioning it below the camera. The resulting distortion is approximately corrected by scaling the Y coordinate with /.9.
u/f8f82804

#perspective

show FPS hide FPS share fullscreen

firegodjr

remix of d/9065 by u/firegodjr

function u(t) {

for(j=100;j--;)for(y=100;y--;)x.fillStyle=R(b=(Math.hypot(j+50*S(t),y+50*C(t))/50*(t*99+(j+y^y-j)))%99*2,b,b),x.fillRect(j*9,y*9,9,9)

Aug 5 2018 5:25 AM UTC

}// 133/140

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

u/katkip

Finnaly it doesn't lag.
u/magna

Sweet!
u/fujimotos

#hypot This is the first dweet I ever see that utilizes Math.hypot()
u/aleamb

nice!

You've reached the end.

dwitter.net | #hypot