This is important.

I officially proclaim myself impressed with @K-ASS and their CSS skills. Those pure CSS spheres are amazing, and I regard their CSS skills as “very high”. Probably higher than most of the programmers out there, maybe just shy of spec-writing demigods out there in knowledge. Yet, not shy in creativity.

Congratulations!

@kiki god damn thanks
You are gonna be so pissed when I tell you the css is generated by a python script

@K-ASS of course not. You just automated the trivial part.

@kiki I’ve actually tried to render larger meshes, performance was shit, but it did render the whole thing correctly.

But I do have a better idea. You see, what webgl does is to figure out the triangle color and draw it on canvas. I can do the same: instead of drawing every triangle in 3d space, I can project the three points on a 2d plane, remove any triangle that is not facing outward, so the whole thing will look 3d, but is actually just 2d because it’s the projection.

But at this point I’m too lazy, and it involves lots of JavaScript. But I suspect that, because there is less z index checking, shit will be blazing fast. If it somehow became faster then webgl because they are div not a canvas, then I would have created a miracle here, or I’m just a fool.

@K-ASS sounds like a fool to me, there's no way an entire HTMLElement is faster than a single dot on a canvas drawn by a low-level rasterizer running on the GPU but good-goddamn-luck my friend

@K-ASS
HTML and SVG performance depends on how many nodes you have.
Canvas performance depends on resolution.

Canvas is like games

So if I was to make an html/css 3d flower bouquet would you date me? 👉👈

Jokes aside, @K-ASS amazing work, was watching it via mobile and the spin is fluid af

@AlgoRythm you must not have seen his master pieces for calling him a fool.

@black-kite I've seen them, he uses a script to generate matrix transformations. It's very cool stuff.

@AlgoRythm may I introduce to the fact that canvas is raster

@kiki isn't that what I said?

@AlgoRythm good luck building a vector sphere like K-ASS’es on canvas.

@kiki it's literally the exact same process, you just generate vertices...?

@AlgoRythm and? what if I zoom in? canvas is raster, it will be all pixelated

@kiki yeah I'm pretty okay with that trade-off. 100x performance, plus being able to do 100x more things (using a real rasterizer rather than hacking together CSS matrices with a python script) with the take-away being users can't zoom in without a pixely experience.

And even so, you could probably actually handle user zoom gestures. I don't know exactly, but that's gotta be how Google Maps and such works.

The performance penalty of using HTML elements for each "polygon" is really staggering. Even on my decent phone, I still get very poor frame rate on the entire page

@AlgoRythm I generally agree with you, yet SVG outperforms canvas-based solutions in certain scenarios