Hi guys, I need a suggestion to do this thing: I want to load a textGeometry and create an effect of explosion. After the “explosion” I’d like to be able to recompose the geometry with the created particles. Thanks in advance and kind regards, Davide

add second attribute with random garbage, interpolate between that and positions in the vertex shader.

Thank you for the suggestion. I’ll study a little and after I’ll try!

In this case, it’s better to use a non-indexed buffer geometry. I mean, it will be new THREE.TextBufferGeometry( _params_ ).toNonIndexed(); Thus you’ll get each face of your geometry as a separate triangle.

Maybe this will help. I’ve programmed some explosions. https://github.com/hofk/THREEg.js/blob/42dfd7a44ea6a327e0164466ad7c04f14b4c9a12/THREEg.js line 1220, 1421, 1495 see https://hofk.de/main/threejs/sandboxthreeg/MagicBoxTHREEg.html examples No. 11 No.12

Really thank you guys! Tomorrow I’ll check all your suggestions and examples! Have a nice evening / or day :smiley: Davide

Although these examples use another library on top of THREE (THREE.BAS), I found them really useful to pick apart and apply the logic to THREE (without the BAS library). Plus, they’re really cool, inspiring demo’s anyway.

Cool! Thanks again. The particles effect I would try to create is similar to the last 3 demos. In my idea the particles must be spreaded randomly in the viewport. Then It’s a good starting point!

It’s similar to a demo I built here - https://codepen.io/Staak/pen/vaPbvz I know it’s not text, but the principle is the same, but the shader(s) and the JS might be helpful for you to pick through. Define a start and end position for the vertices and then animate between the two states. Looks at t…

Yes! This is basically the base of the effect I want try to do! I’ve used threejs developing 3d configurator and sometimes for simple displacements on the images. I think the level of this kind of animation/interaction is very high then I must start to learn :smiley:

Explosion effect in textGeometry

Questions

Mugen87 February 10, 2020, 10:36am 7

The following example could be useful, too:

https://threejs.org/examples/webgl_modifier_tessellation

Topic		Replies	Views
Buffergeometry explode effect Questions buffergeometry , modifier	1	3578	March 12, 2018
Addon. Produces almost infinite many time-varying geometries with functions Resources geometry	42	15749	December 21, 2022
Fill Geometry with points Questions materials , geometry	5	3778	November 25, 2019
Here's a simple shatter/explode effect I made using PlaneGeometries, in my very spare time, with Three.js! Showcase animation	1	965	April 22, 2025
How do i replicate this effect in React Three Fiber? Questions geometry , buffergeometry , vertices , react-three	8	1936	September 8, 2023

Explosion effect in textGeometry

Related topics