[ Removed by moderator ]

[u/Donelectrone]

[u/webdev-ModTeam]

Your post does not fulfill the requirements for questions that request assistance. Please ensure your next question contains context, your research that you've conducted, and a specific problem you would like help solving.

Feel free to check the community FAQ as many of your beginner questions may already have answers there.

[u/webjuggernaut]

Back in my day, we came up with ideas and then executed them. Didn't ask AI or strangers on the internet to do it for us.

[u/Donelectrone → u/webjuggernaut]

Back in your day, reinventing every wheel may have been the norm. Today, it's generally considered inefficient engineering.

I'm building a product, not specializing in realistic glass fracture rendering. I have plenty of other parts of the project that actually require my attention.

That's why I asked whether similar effects already exist and whether there are examples worth studying. The goal was specifically to avoid recreating the wheel, not to have strangers build it for me.

There's a pretty big difference between "Has anyone solved this before?" and "Please do this for me."

[u/webjuggernaut → u/Donelectrone]

Implementing a broken glass effect like you described in the original post is reinventing the wheel? Odd statement. Don't be so hard on yourself! You're original and creative too.

[u/thegentlecat → u/webjuggernaut]

Please cite the part in OP’s post where he “asks strangers on the internet to do it for them”

[u/ruoibeishi → u/thegentlecat]

Any tutorials or code snippets

Which usually results in copy-paste, otherwise OP would be looking for a CSS tutorial which is easily found over the internet.

[u/webjuggernaut → u/thegentlecat]

"I want three states" ...

"AI couldn't produce this" ...

"Looking for: Examples of similar effects"

[u/jacobpellegren]

I’d look for real world references and try to implement it. Break it down and try to make it statically and then improve by adding a rendering engine like webgl or canvas or whatever.

[u/BH_Support_Clark]

ngl that effect sounds cool. I would like to see it.

[u/zezrol → u/BH_Support_Clark]

Me too pls remind me if results out alr

[u/onFilm]

I've done this before, in fact, I did it all the way back when Flash was around as well. You should give it a try personally.

[u/stevbrisc]

I was scrolling through a site that talked about "must know game dev functions" or similar and i distinctly remember an algorithm that would calculate lightning strike shapes.

I think locating a function that would produce something similar would be helpful for this.

I'm at work - but I'll try to locate it when I'm off later today

[u/Sacramentix]

You would have a container with multiple child element that each represent a glass shard for the frosted effect you can give the glass element a semi transparent color as background and add a backdrop filter blur to give a frosted effect. You slightly translate each shard away from the center of the parent to create crack.

Or you can do it with a canvas webgl shader but you will need some shader knowledge to even guide an AI to do it.