Hi. I have this model here: [image] I want to make it a audio visualizer but i think it is easier to do if i just make a grid of cubes using the heightmap from this model. But how do i make cubes duplicate and change its height to match this model here? I want to replicate this model without using a GLTF loader? Thanks

How would using the height of cubes from the model create a visualiser :thinking: ? Wouldn’t the height be dynamic and dependent on audio? You can still use the cubes from the model - just export the entire scene to a GLTF and traverse it to read / modify vertical scale of the cubes.

Use an instance mesh to create a grid of cubes. You can adjust the height on every frame using data from audio. Instance mesh with 30K cubes is very quick. Here’s an example that’s 150 x 150. Click on the image to displace the cubes.

the model is just one big mesh so it is hard to go get the individual cubes. And yes the height shown in the model is the standard height, the audio would make them higher

instance mesh has at() methods which allow you access to individual instances. For each instance, you can change the scale and color. I found the instanced mesh raycast example to be very helpful. Here’s the code in that example for accessing instances

Thanks for the great example, i have now ported the code into my project but i seem to be stuck to make space between the cubes as the now just form a big line of boxes [image] Any idea how to do that?

Duplicate cubes in a grid like this model here

Questions

prisoner849 August 30, 2022, 11:52am 3

Topic		Replies	Views
3D Model as Audio visualizer Questions audio , model , sound-visualization	1	1825	August 29, 2022
Looking for ideas Questions geometry	11	377	December 9, 2024
Clouds of cubes Showcase instancing , buffergeometry	9	3739	June 26, 2018
40M cubes with individual opacity and color Questions materials , geometry , shaders , instanced-mesh	8	1840	August 10, 2022
Use GPUComputationRenderer texture for dynamic InstancedMesh objects positions Questions gpgpu	9	4286	May 5, 2022

Duplicate cubes in a grid like this model here

Related topics