Hey folks, I made a grass field using InstancedMesh in R3F, taking inspiration from the grass field example in R3F ( Grass shader - CodeSandbox ). It works perfectly on desktop, but on mobile, the grass just disappears, and I can’t figure out why. Here’s the live link: https://anime-style-grass.verc…

changed precission to high solves the grass vanashing issue on smartphone committed 09:30AM - 03 Mar 25 UTC (UTC) [image] AT010303 +5 -15 …

Possibly related: [image] [Solved] InstancedMesh dissapeared because of frustum Questions Hello, Is there something mystery with InstancedMesh? It’s working perfect until it went to disappeared when camera position at -100 and 300 neither x, or z. Feel like weird there. …

yourInstancedMesh.frustumCulled = false;

<mesh frustumCulled = {false}> <instancedBufferGeometry index={grassBlades.nodes.grassBlade.geometry.index} attributes={ grassBlades.nodes.grassBlade.geometry.attributes } …

also why this only happens on mobile browser only. because on windows chrome browser it works perfectly fine. link of codeSandbox : https://codesandbox.io/p/github/AT010303/Anime-Style-grass/master?import=true

Could be the orientation/aspect ratio of the phone. At first I was thrown off by the fact that it works on one platform not the other

New update This only happens on some specific smartphone brand Like samsung I tried it on some other phones and it works fine on apple and oneplus :thinking:

The problem does exist on Android phones.

Ohh it was just a precession issue in shader I was using mediump. Just set it to highp and everything works fine :slightly_smiling_face:

Could you please post the code? I want to observe the differences. My scene objects still occasionally disappear and become invisible. It’s truly amazing.

Hello, I’m very glad to see your proposal. In fact, I discovered more issues related to InstancedMesh. I think this is something worth paying attention to. When loading models or other graphics using InstancedMesh, if the visible setting of InstancedMesh is set to false or the visible setting of th…

Grass Disappears on Mobile with InstancedMesh

Questions

vielzutun.ch January 29, 2025, 3:33am 2

Possibly related:

Topic		Replies	Views
[Solved] InstancedMesh dissapeared because of frustum Questions frustum , instancedmesh	3	1899	December 7, 2023
Strange interaction between `MeshTransmissionMaterial` and `InstancedMesh` Questions materials , instanced-mesh , drei , r3f	3	216	June 23, 2024
Fragment Shader Artifacts with Instance Mesh Questions materials , shaders , instanced-mesh	3	154	September 4, 2025
Mixed use of Mesh and InstancedMesh, R120 version reports an error Questions instanced-mesh	1	1325	August 30, 2020
[Performance] Optimizing 3M Instanced Grass in Three.js Questions culling , frustum , threejs , instanced-mesh	9	1543	April 16, 2025

Grass Disappears on Mobile with InstancedMesh

Related topics