25d How to explode objects threejs

Veröffentlicht am: 07 Juni 2022
auf dem Kanal: 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...

Auf dieser Seite können Sie das Online-Video 25d How to explode objects threejs mit der Dauer stunde minuten sekunde in guter Qualität ansehen, das der Benutzer flanniganable 07 Juni 2022 hochgeladen hat, den Link mit Freunden und Bekannten teilen, dieses Video wurde auf Youtube bereits 3,057 Mal angesehen und es wurde von like den Zuschauern gefallen. Viel Spaß beim Betrachtenden Zuschauern gefallen!