使用相同geometry和material创建多个mesh是否会在显卡中重复存储数据

默认情况下，相同的geometry（几何体）和material（材质）数据仅会在显存中保留一份副本，不会随Mesh创建数量增加重复存储。

底层逻辑说明 #

• Mesh本身仅作为轻量组合载体存在，仅存储实例独有的位置、旋转、缩放等模型变换参数，以及对geometry、material资源的引用，本身不持有顶点、纹理、着色器这类重资源数据。
• 渲染管线工作时，geometry对应的顶点、索引缓冲数据，material对应的着色器程序、纹理、全局Uniform参数，都会在首次使用时上传到显存，后续所有复用该资源的Mesh都可以直接调用，不需要重复上传。渲染过程中仅需要逐Mesh传入独有的模型变换矩阵即可完成绘制。

会触发重复存储的特殊场景 #

只有你主动对资源做修改类操作时，才会生成新的显存副本：

• 调用geometry的修改类接口（例如Three.js中直接修改顶点属性、调用applyMatrix4()改变原始顶点坐标，或者clone()几何体后修改新实例）
• 调整material的核心属性（例如修改颜色、透明度、更换纹理，部分引擎会触发材质实例化，生成新的显存资源）

代码示例（Three.js环境） #

// 仅执行1次显存上传，对应1份geometry显存副本
const sharedGeometry = new THREE.BoxGeometry(2, 2, 2)
// 仅执行1次显存上传，对应1份material显存副本
const sharedMaterial = new THREE.MeshStandardMaterial({ color: 0x00ff00 })

// 两个Mesh仅新增轻量变换数据，不会产生新的重资源显存占用
const mesh1 = new THREE.Mesh(sharedGeometry, sharedMaterial)
mesh1.position.set(-3, 0, 0)
const mesh2 = new THREE.Mesh(sharedGeometry, sharedMaterial)
mesh2.position.set(3, 0, 0)

scene.add(mesh1, mesh2)

如果你需要批量渲染大量相同资源的Mesh，还可以使用GPU Instancing能力进一步合并Draw Call，大幅提升渲染性能。

内容的提问来源于stack exchange，提问作者Xavier