Arc Balance
start: 0.25 start: 0.25
length: 0.50 length: 0.50
count: 16 count: 16
innerRadius: 80 innerRadius: 80
outerRadius: 180 outerRadius: 180
padding: 2.0 padding: 2.0
faktor: 5.0 faktor: 5.0
This demo was inspired by another post by @arc4g at X (f.k.a. Twitter). As far as I could find out, Abdullah Alsahli is an artist from Riad, Saudi Arabia with an interesting story who creates “smooth, soothing looping animations that are mesmerizing and pleasant to look at”.
When I saw the circle segments I did immediately know I’ll do this in 2D what he did in 3D. And as usual I like to explore the possibilities of different variable settings through Svelte’s reactivity.