25d How to explode objects threejs

Publicado em: 07 Junho 2022
no canal de: flanniganable
3,057
like

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...


Nesta página do site você pode assistir ao vídeo on-line 25d How to explode objects threejs duração hora minuto segundo em boa qualidade , que foi baixado pelo usuário flanniganable 07 Junho 2022, compartilhe o link com seus amigos e conhecidos, no youtube este vídeo já foi visto 3,057 vezes e gostou like espectadores. Boa visualização!