New #Sphere 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: #Opposites

show FPS hide FPS share 1 remix fullscreen

pavel

function u(t) {

for(c.width=i=960;--i;x.ellipse(480,270-56*(j%2-.5)*y,r=32*(64-y*y)**.5,r/2,0,a=(j+t%1)/7,a+!j*7))j=i>>4,y=i%16-8;x.stroke()

Apr 10 2019 8:35 AM UTC

}// 124/140

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

#wireframe #sphere

u/f8f82804

#d3
u/Xen

Nice!
u/lionleaf

Nice one! #globe
u/pavel

I use 44 longitude lines so the arc angle between adjacent two is 2*pi/44 which is approximated by 1/7 to 4 decimal places.
u/pavel

Using the famous pi ~ 22/7 approximation.

show FPS hide FPS share fullscreen

pavel

function u(t) {

for(a=b=u=c.width|=i=0;i++<99*t;x.fillRect(960+800*C(a+t)*S(b)/z,540+800*C(b)/z,s=20/z/z,s))a+=C(u+=i**.9%1-.5)/69,z=2+S(a+t)*S(b+=S(u)/69)

Apr 10 2019 1:23 AM UTC

}// 139/140

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

Wiggly boy

Show more comments…
u/magna

Awesome!
u/DataMeta

Cool!!
u/joeytwiddle

Bloody brilliant #sphere #perspective
u/katkip

this will get to the top
u/katkip

#d3
u/iverjo

Wow!
u/donbright

#randomwalk

show FPS hide FPS share fullscreen

pavel

function u(t) {

for(c.width|=k=0;k<50*t;x.ellipse(960,540-750*(i%2-.5)*y,r=400*(1-y*y)**.5,r/3,0,a=(2*i+k++%2-t)%16*.393,a))i=k/98|0,y=k%98/49-1
x.stroke()

Apr 9 2019 12:06 AM UTC

}// 139/140

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

Single stroke beach ball sketch

show FPS hide FPS share 1 remix fullscreen

pavel

function u(t) {

for(c.width=120,k=4072;j=--k>>6;x.fillRect(60+i,j,1,1))i=k%64-32,s=64*j-i*i-j*j,f=s**.5*S(a=S(3*t))+i*C(a),x.fillStyle=R(g=f*f/4,g,g+f,s/99)

Mar 3 2019 3:17 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/aleamb

#shading
u/13thptr

#sphere

show FPS hide FPS share fullscreen

pavel

function u(t) {

for(k=2e3;i=S(t+k),j=S(i*k--);f&&x.fillRect(960+540*i,540*++j,9,4))d=1-i*i-j*j,f=d**.5*2-i-j,x.fillStyle=R(g=8*f**3,g,g+28*f,1-.05/d)

Feb 28 2019 7:26 PM UTC

}// 133/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

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

dwitter.net | #Sphere