How does threejs realize the layout of multi-model positions, and do not intersect or overlap between models, such as how the location of the model is dynamically generated, in urgent need of relevant algorithms, thank you!
Three.js is just a rendering framework. And it doesn’t have the functionality out-of-box, that you’re looking for.
So, you have to implement those algorithms yourself.
On the video, it looks like all the objects is placed in variations of formation of hexagonal grid
Such a densely packed arrangement actually corresponds to a hexagonal grid, a honeycomb.
This can be generated as follows:
Grid Collection
function createHexagonGrid( radius, rings ) {...
calculation of the positions
From the Collection of examples from discourse.threejs.org :
BeginnerExample step 13
function createHoneyComb ...