核心结论 #

这个行为是正常的，本质是视锥体剔除优化导致的GPU实例批次变化。

原因分析 #

• Blender通过几何节点创建的实例化模型，导出为GLTF后，OGL这类WebGL库会默认对实例做视锥体剔除——只将当前视口内可见的实例打包成绘制批次提交给GPU。
• gl_InstanceID是GPU在绘制当前批次时动态分配的序号，仅对应当前提交的可见实例序列，而非原始的全局实例ID。当视口内可见实例数量变化时，这个ID会跟着重置，导致颜色逻辑出错。
• 而你直接在WebGL中手动设置实例属性时，是给每个实例绑定了固定的自定义数据（哪怕实例不可见），渲染时属性会完整传递给GPU，不受剔除逻辑影响，所以不会出现ID重置的问题。

解决办法 #

放弃依赖gl_InstanceID，改用自定义固定实例ID属性：

• 在Blender中，给几何节点生成的每个实例添加一个自定义属性（比如命名为instance_id），设置为从0到14的序列值，确保每个实例对应唯一固定ID。
• 导出GLTF时，确认这个自定义实例属性被包含在导出设置中。
• 在WebGL的着色器中，将这个instance_id作为实例化顶点属性传入，用它替代gl_InstanceID来实现动态着色逻辑，这样无论实例是否在视口中，都能拿到固定的原始ID。

内容的提问来源于stack exchange，提问作者Mr.Coder