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

katkip

function u(t) {

var g=x.createRadialGradient(960,540,0,90,t*99,t*99);g.addColorStop(0,"#ff0");g.addColorStop(1,"#000");x.fillStyle=g;x.fillRect(0,0,2e3,2e3)

Sep 6 2018 6:12 AM UTC

}// 140/140

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

That's how to render a ball surface like a pro

u/Xen

nice
u/katkip

#sphere

show FPS hide FPS share 3 remixes fullscreen

cantelope

function u(t) {

for(R=Math.random,P=Math.PI,i=w=960;i--;x.fillRect(w+S(p=w*R())*S(q)/Z*w,540+C(p)*S(q)/Z*w,1,1))Z=2.1+C(q=(P*(R()>.5?-1:0))+(R()**.5*P/2))

Nov 17 2017 7:54 AM UTC

}// 138/140

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

u/joeytwiddle

I found this red and orange cousin: https://www.dwitter.net/d/810
u/joeytwiddle

#stochastic
u/joeytwiddle

#sphere

show FPS hide FPS share 1 remix fullscreen

iverjo

function u(t) {

c.width=2e3;for(i=4e3;i--;)s=15/(S(i/42)*S(2.79*i+t-1.57)+2),x.fillRect(960+500*S(i/42)*S(2.79*i+t),560+500*C(i/42),s,s)

Feb 21 2016 8:49 PM UTC

}// 120/140

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

#sphere

show FPS hide FPS share fullscreen

katkip

function u(t) {

eval(unescape(escape`𭁼𯀨𦀽𜠶𜀬𦐽𜠴𜀬𥠽𭠽𜐰𚐻𩡯𬠨𨰮𭱩𩁴𪁼👩🐰𞱩𚰫🀹𞐻𚑸𛡦𪑬𫁓𭁹𫁥👒𚀰𛁩𚠳𚐬𮀮𨡥𩱩𫡐𨑴𪀨𚐬𮀮𨑲𨰨𦀭𪐪𠰨𬠽𭀪𥠯𞐩𛁙𛑩𚡓𚁲𚐬𜠰𜀭𪐪𜠬𜀬𝰩𛁸𛡦𪑬𫀨𚐊𦀫👖𞱙𚰽𭠻𭠫🐮𝐻𪑦𚁙🠸𞀰𚑶𚠽𛐮𝠬𦐭🐹𞱩𩠨𦀾𜐷𜠰𚑖𚠽𛐮𞐬𦀭🐹`.replace(/uD./g,'')))

Aug 6 2019 9:56 AM UTC

}// 140/140

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

Bouncing #sphere #shades #lighting #realistic #bounce #ball #physics

show FPS hide FPS share 2 remixes fullscreen

robbyg

function u(t) {

s=t*42
with(x)t<5?(beginPath(),arc(960-s,540-s,420-s*2,0,7),fillStyle=`hsl(99,50%,${15+s/3}%)`,fill()):0

Jul 29 2019 8:57 PM UTC

}// 104/140

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

Ball?!

u/New_Core

=) in place of 0 in the end.. add : font="16cm'",fillText("❻",720,750)
u/katkip

^ kewl #sphere #lightness #light #d3

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

f8f82804

remix of d/11688 by u/f8f82804

function u(t) {

for(i=c.width^=0;i--;x.fillRect(960+800*S(θ)*S(ϕ)/Z,540+800*C(ϕ)/Z,s=18*(Z>2?.1:2.1-Z),s))ϕ=i/612,θ=i*37+(i/9)**C(i+t)/99-t/2,Z=C(θ)*S(ϕ)+2

Jan 7 2019 10:32 PM UTC

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

show FPS hide FPS share fullscreen

f8f82804

remix of d/9721 by u/f8f82804

function u(t) {

for(i=c.width^=0;i--;){
ϕ=i/3/(99+S(t));
X=S(i)*S(ϕ);
Y=C(ϕ);
Z=C(i)*S(ϕ)+2;
if(Z<1.6)x.fillRect(960+800*X/Z,540+800*Y/Z,s=32*(1.6-Z),s);
}

Sep 9 2018 9:35 PM UTC

}// 139/140

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

#cell #sphere #animated #perspective

u/donbright

thats weird... like a fruit or something

show FPS hide FPS share fullscreen

f8f82804

remix of d/9674 by u/f8f82804

function u(t) {

with(x)for(i=c.width^=0;i--;beginPath(fill()))C(a=2*t-i)>0&&arc(960+((s=750+330*S(t))*i-i*i)**.5*S(a),s-i,18*C(a)*(1-(i*2/s-1)**2)**.5,0,7)

Sep 5 2018 10:40 PM UTC

}// 139/140

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

#sphere

u/donbright

thats cool... how does it work?
u/joeytwiddle

Very nice! #halftone
u/f8f82804

u/donbright: I used the parameterization from d/5600. I like it a lot because it keeps fairly even density of dots on the surface. It's based on cylindrical coordinates where each point is at a different vertical level and the points spiral around. The key is that not all values of i result in drawing a dot. We drop the back half of the sphere with C(a) >0, but we also implicitly drop points where s*i-i*i is negative
u/donbright

thanks... fascinating...

dwitter.net | #Sphere