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

f8f82804

function u(t) {

for(i=c.width^=0;i--;Z<1.6&&x.fillRect(960+800*X/Z,540+800*Y/Z,s=32*(1.6-Z),s))θ=t+(i*.999**S(t)),ϕ=i/600,Z=C(θ)*S(ϕ)+2,X=S(θ)*S(ϕ),Y=C(ϕ)

Sep 7 2018 10:38 PM UTC

}// 138/140

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

#perspective #sphere #occlusion

u/donbright

im dizzy

show FPS hide FPS share 2 remixes fullscreen

donbright

function u(t) {

c.width=2e3
for(i=0;i<t*t;i++){Φ=Math.acos(1-2*i/t/t)
Θ=10.1664*i
x.fillRect(
500*(2+C(Θ)*S(Φ)*S(t)+C(Φ)*C(t)),
500*(1+S(Θ)*S(Φ)),9,9)}

Sep 7 2018 4:57 AM UTC

}// 135/140

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

Evenly spaced points on a sphere, based on CR Drost's phyllotaxis sunflower cylyndrical equal area map in python: https://stackoverflow.com/questions/9600801/…

u/joeytwiddle

Useful! #sphere
u/Odog8

Love me a PHI sphere in the morning!

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

show FPS hide FPS share fullscreen

f8f82804

remix of d/9676 by u/f8f82804

function u(t) {

eval(unescape(escape`景爨椽挮睩摴桞㴰㭩ⴭ㭸⹢敧楮偡瑨⡸⹦楬氨⤩⥃⡡㵴⵩⤾〦♸⹥汬楰獥⠹㘰⬨堽⡩⨹㘰⵩⩩⤪⨮㔪匨愩⤬㘰⭩Ⱘ猽㈵⴨匨愭ㄩ⨨戽⠱⴨⡙㵩ⴴ㠰⤯㐸〩⨪㈩⨪⸵⤩⨪㐪㈴⤪䌨愩⩢ⱳⱍ慴栮慴慮⡙⽘⤬〬㜩`.replace(/u(..)/g,"$1%")))

Sep 5 2018 8:57 PM UTC

}// 138/140

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

#specular #d3 #sphere #animated #compressed

Show more comments…
u/f8f82804

for(i=c.width^=0;i--;x.beginPath(x.fill()))C(a=t-i)>0&&x.ellipse(960+(X=(i*960-i*i)**.5*S(a)),60+i,(s=25-(S(a-1)*(b=(1-((Y=i-480)/480)**2)**.5))**4*24)*C(a)*b,s,Math.atan(Y/X),0,7)
u/joeytwiddle

I like how the circles become ellipses at the edges. https://codegolf.tk/a/254
u/magna

WHOA
u/f8f82804

u/joeytwiddle: that's the whole point of this demo, the lighting is just there because I had to compress it and had leftover space
u/f8f82804

you can see this concept implemented without compression in d/9676
u/iverjo

Very nice!
u/f8f82804

#fullhd

show FPS hide FPS share 2 remixes fullscreen

f8f82804

remix of d/9674 by u/f8f82804

function u(t) {

for(i=c.width^=0;i--;x.beginPath(x.fill()))C(a=t-i)>0&&x.ellipse(X=S(a)*(960**2-i*i)**.5,i,24*C(a)*(1-(i/960)**2)**.5,24,Math.atan(i/X),0,7)

Sep 5 2018 8:33 PM UTC

}// 140/140

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

using ellipse() and lots of trig to draw dots on the surface of a #sphere

u/f8f82804

it takes 154 to center the sphere: for(i=c.width^=0;i--;x.beginPath(x.fill()))C(a=t-i)>0&&x.ellipse(960+(X=(i*960-i*i)**.5*S(a)),60+i,9*C(a)*(1-((b=i-480)/480)**2)**.5,9,Math.atan(b/X),0,7)
u/f8f82804

#d3

show FPS hide FPS share 3 remixes fullscreen

f8f82804

remix of d/9671 by u/f8f82804

function u(t) {

with(x)for(i=c.width^=0,arc(960,530,475,0,7),clip();beginPath(),i--;fill())C(t-i)>0&&arc(960+(i*960-i*i)**.5*S(t-i),48+i,9,0,7)

Sep 5 2018 7:03 PM UTC

}// 127/140

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

proof-of-concept for #clip #mask to help clean up the edges of a #sphere

u/joeytwiddle

This is doing something weird to my eyes! #illusion

show FPS hide FPS share 1 remix fullscreen

f8f82804

remix of d/5600 by u/p01

function u(t) {

for(i=c.width^=0;i--;x.beginPath(x.fill()))C(t-i)>0&&x.arc(960+(i*960-i*i)**.5*S(t-i),48+i,9-(b=S(t-i-1)*C(Math.acos(i/540-1)+1))**4*9,0,7)

Sep 5 2018 6:50 PM UTC

}// 139/140

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

#specular #halftone #sphere

u/f8f82804

#d3

show FPS hide FPS share fullscreen

katkip

remix of d/2251 by u/donbright

function u(t) {

r=500;
t?φ.push(t):φ=[]
φ.map(φ=>{
x.fillStyle='hsl('+r*S((λ=φ*r)/99)+',99%,69%)'
x.fillRect(C(φ)*S(t/λ*99)*r+999,S(φ)*r+r,9,9);
})

Aug 23 2018 12:00 PM UTC

}// 131/140

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

#Orbits in a #sphere

show FPS hide FPS share fullscreen

f8f82804

remix of d/9187 by u/f8f82804

function u(t) {

with(x)for(φ=311;α=S(θ=φ/99),β=99*α*S(--φ+t);beginPath(fillStyle=`hsl(${φ} 90%${9+(β>0)*β}%`))fill(arc(β+960,75*(α*C(φ+t)-C(θ)+6),20*α,0,7))

Aug 10 2018 5:54 PM UTC

}// 140/140

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

#golf #sphere #animated #diffuse #shading #sequins #sprite

u/f8f82804

#pbr

dwitter.net | #sphere