Mesh shattering with baked physics

Lightmap example from flipcode.com

Breaking a mesh

Shatter Studio with Voronoi mesh computed.

Physics and baking to a texture

Baked animation. One line per mesh. Animation time goes from left to right. Orientation is top half of picture. Translation is bottom half.

Display with NME

Global view of NME graph with loaded shattered mesh
Sampling of animation texture
Position is scale to the animation boundingbox. World position = Min + (Max-Min) * TexturePositionSample.
Applying an orientation quaternion to the mesh position
Final world position = Animation Translation + Oriented Position
Same operation is performed on the normal and used for lighting

After words

--

--

--

Babylon.js: Powerful, Beautiful, Simple, Open — Web-Based 3D At Its Best. https://www.babylonjs.com/

Love podcasts or audiobooks? Learn on the go with our new app.

Recommended from Medium

DevOps vs Agile: Does it have to be one or the other?

The Coroutines for Beginners With Kotlin.

Mutable and Immutable Objects.

15 Awesome CSS Phone Examples and Code

Nexus 4 Pure CSS

Reasons Why QA Testing Is An Important Factor In Software Development

Using Kubernetes Ephemeral Containers for Troubleshooting

A time lapse picture of blue and red streaks of light

How to propagate a change in Kubernetes Secrets by restarting dependent pods!

A stock photo for “Secret”

How to install Django?

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Babylon.js

Babylon.js

Babylon.js: Powerful, Beautiful, Simple, Open — Web-Based 3D At Its Best. https://www.babylonjs.com/

More from Medium

Customizing Materials: The Community Ninja Tale

Creating an Office Den in Unity Part 2: Lights, Cookies and Emissions

Comprehensible guide to choose between Unity and Unreal Engine

Making economic RTS with React and Babylon. Part 2