spiroanim.com - A 3d FlowArts Renderer

Showcase
1

Been working on this for a while. Although most probably won’t be, if you’re familiar with techy “FlowArts” concepts, some of this might make sense to you. Otherwise, SHAPES! Although the generators are 2d based, the app is capable of rendering in 3d, and it took me a long while to develop!

The base code I was working on for quite some time and recently moved to vibe coding. I had been intending to continue development it, never did, and then recently got into CodeX and have been completely blown away by its capabilities. From tracking down bugs that had been haunting me, and quickly tossing together new features, I’d probably never get this project (in my free time) to this point otherwise.

Threejs, Vue, Strict TypeScript, PWA, SSR, etc. Theres too many low-level things in this app to mention, but I’ve learned a LOT while developing this.

Git repository is on the About page.

1 Like
2

spiroanim.com

1 Like
3

Ok i gotta ask, what kind of voodoo are you doing to get these links :slight_smile:

1 Like
4

The URL generation? Oh boy, that’ll be a long explanation. A custom bit masking base64 encoding, is the simplest / quickest explanation.

Variables have specific positions and definitions, like ranges. Negative numbers for example start at 0 while encoded, and then an offset is applied when decoded. That is determined by having a minimum and maximum.

And then a lot was done to potentially reduce URL sizes.

5

No i meant @PavelBoytchev . I saw two threads where the OP didn’t post a link, yet somehow he knew what it was :smile:

6

The URL was in the title :slight_smile:

7

Omg lol it was