How to avoid model intersections

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 :thinking:

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