25d How to explode objects threejs

Publicado el: 07 junio 2022
en el canal de: flanniganable

3,057

Learn how to break up objects into smaller triangles and move the triangles in a direction to make an explosion.
Learn how to use color and velocity in BufferGeometry.
Learn how to use Tesselate Modifier in three.js.

Timestamps:
00:00 Intro/demo
00:10 Get TesselateModifier.js
00:21 How does explosion effect work? three.js
01:18 Import statements
01:37 Vertex shader, fragment shader, uniforms three.js
03:00 Basic scene setup three.js
03:18 Create BufferGeometry & modify with TesselateModifier.js
05:40 Create shaderMaterial & mesh object three.js
06:05 Animate explosion in animate loop three.js

Resources:
TesselateModifier file at GitHub:
https://raw.githubusercontent.com/mrd...

TesselateModifer example:
https://threejs.org/examples/webgl_mo...

En esta página del sitio puede ver el video en línea 25d How to explode objects threejs de Duración hora minuto segunda en buena calidad , que subió el usuario flanniganable 07 junio 2022, comparta el enlace con amigos y conocidos, en youtube este video ya ha sido visto 3,057 veces y le gustó like a los espectadores. Disfruta viendo!