👨⚕️ 主页： gis分享者
👨⚕️ 感谢各位大佬 点赞👍 收藏⭐ 留言📝 加关注✅!
👨⚕️ 收录于专栏：threejs gis工程师
本文详细介绍如何基于threejs在三维场景中将多个网格合并成一个网格，亲测可用。希望能帮助到您。一起学习，加油！加油！
THREE.Geometry对原生WebGL中的顶点位置position、顶点法向量normal、顶点颜色color、顶点纹理坐标uv、顶点索引index等顶点数据进行了封装。利用 Vector3 或 Color 存储了几何体的相关 attributes（如顶点位置，面信息，颜色等）比起 BufferGeometry 更容易读写，但是运行效率不如有类型的队列。
构造函数：
Geometry() 构造函数没有任何参数。
属性：
boundingBox：Geometry 的外边界矩形，可以通过 .computeBoundingBox() 进行计算，默认值是 null。
boundingSphere：Geometry 的外边界球形，可以通过 .computeBoundingSphere() 进行计算，默认值是 null。
colors：顶点 colors 队列，与顶点数量和顺序保持一致。该属性用于 Points 、 Line 或派生自 LineSegments 的类。 对于 Meshes，请使用 Face3.vertexColors 函数。如果要标记队列中的数据已经更新，Geometry.colorsNeedUpdate 值需要被设置为 true。
faces：faces 队列。描述每个顶点之间如何组成模型面的面队列。同时该队列保存面和顶点的法向量和颜色信息。如果要标记队列中的数据已经更新，Geometry.elementsNeedUpdate 值需要被设置为 true。
faceVertexUvs：面的 UV 层的队列，该队列用于将纹理和几何信息进行映射。每个 UV 层都是一个 UV 的队列，顺序和数量同面中的顶点相对用。如果要标记队列中的数据已经更新，Geometry.uvsNeedUpdate 值需要被设置为 true。
id：当前 geometry 实例的唯一标识符的数。
isGeometry：用于判断当前类或派生类属于 Geometries。默认值是 true。不应该改变该值，该值用于内部优化。
lineDistances：用于保存线型几何体中每个顶点间距离的。在正确渲染 LineDashedMaterial 时，需要用到该数据。
morphTargets：morph targets 的队列。
morphNormals：一个 morph 法向量的数组。
name：当前几何的可选别名。默认值是一个空字符串。
skinWeights：是一个数组，用于几何体蒙皮的。
skinIndices：是一个数组，用于几何体蒙皮的。
uuid：当前对象实例的 UUID。 该值会被自动分配，请不要修改它。
vertices：vertices 的队列。顶点的队列，保存了模型中每个顶点的位置信息。如果要标记队列中的数据已经更新，.verticesNeedUpdate 值需要被设置为 true。
verticesNeedUpdate：如果顶点队列中的数据被修改，该值需要被设置为 true。
elementsNeedUpdate：如果面队列中的数据被修改，该值需要被设置为 true。
uvsNeedUpdate：如果 UV 队列中的数据被修改，该值需要被设置为 true。
normalsNeedUpdate：如果法向量队列中的数据被修改，该值需要被设置为 true。
colorsNeedUpdate：如果颜色队列或 face3 的颜色数据被修改，该值需要被设置为 true。
groupsNeedUpdate：如果 face3 的 materialIndex 被修改，该值需要被设置为 true。
lineDistancesNeedUpdate：如果 linedistances 队列中的数据被修改，该值需要被设置为 true。
当对象的数量非常庞大时，性能就会成为一个瓶颈，因为在组里每个对象还是独立的，需要分别对它们进行渲染和处理，所以数量上来以后性能就会受到很大影响。通过THREE.Geometry的merge方法合并网格，可以极大提升渲染效率。
- 1、初始化renderer渲染器
- 2、初始化Scene三维场景
- 3、初始化camera相机，定义相机位置 camera.position.set，设置相机方向camera.lookAt。
- 4、初始化THREE.AmbientLight环境光源，scene场景加入环境光源，初始化THREE.DirectionalLight平行光源，设置平行光源位置，设置平行光源投影，scene添加平行光源。
- 5、加载几何模型：创建THREE.AxesHelper坐标辅助工具，scene场景加入THREE.AxesHelper坐标辅助工具。
- 6、加入gui控制，定义重绘方法redraw，redraw方法通过THREE.Geometry对象的merge方法实现立方体合并。加入controls控制，加入stats监控器，监控帧数信息。
效果如下：
版权声明：
本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如若内容造成侵权、违法违规、事实不符，请将相关资料发送至xkadmin@xkablog.com进行投诉反馈，一经查实，立即处理！
转载请注明出处，原文链接：https://www.xkablog.com/bcyy/15120.html