Hello! I’m just starting my journey with three.js (actually react fiber). I’m creating a test board that will be the basis of a map. I want to divide the board into individual fields. At the moment, a green box is displayed on a given field or not. Ultimately, some object, e.g. a tree, a stone, etc…

Try LOD , Here is a vanilla example of LOD for R3F, you can use DREI Detailed

[image] raptyk: read that Frustum Culling in three.js does not work on instances I have created an enhanced version of InstancedMesh that also allows frustum culling and fast raycasting. const trees = new InstancedMesh2(main.renderer, count, { cullingType: CullingBVH, geometry: treeGLTF.…

Thank you for your quick response. The optimization using LOD (Level of Detail) will certainly be very useful in the later stage when I will be displaying proper elements such as trees instead of squares. However, right now, in a simplified scene, I’m displaying primitive boxGeometry, which cannot …

Wow, that’s fantastic to see so useful library! I agree that frustum culling should significantly improve performance. This is particularly relevant in my case, as I’m experiencing low frame rates consistently, regardless of the camera’s zoom level. This means that even when the camera is zoomed in…

[image] raptyk: Could you possibly provide an example or guide me on how to modify my code to use your enhanced version of InstancedMesh in react fiber? Unfortunately I do not know react, however the creator of r3f is very active on the forum, maybe he could help you (I would like to have an …

I hope I’ve addressed my call to @drcmda correctly. @drcmda perhaps you could find the time to prepare an example of using your library for the community? Thank you in advance.

Seeking optimization tips: big map with trees and rocks

Questions

agargaro July 17, 2024, 12:31pm 6

Unfortunately I do not know react, however the creator of r3f is very active on the forum, maybe he could help you (I would like to have an example using r3f in the README of my library).

Topic		Replies	Views
[Performance] Optimizing 3M Instanced Grass in Three.js Questions culling , frustum , threejs , instanced-mesh	9	1015	April 16, 2025
Three.js Instances: Rendering Multiple Objects Simultaneously Showcase	0	177	September 8, 2025
Ideas on performing fast per-instance frustum culling on InstancedMesh Questions instancedmesh	14	914	July 21, 2025
InstancedMesh2 - Easy handling and frustum culling Discussion	42	5017	October 25, 2024
What is the BEST way to render thousands of foliage meshes? See screenshot Questions performance , sprites , instanced-mesh , instancedmesh , draw-calls	1	292	August 10, 2025

Seeking optimization tips: big map with trees and rocks

Related topics