Three.js地球开发—5.国家边界线和国家轮廓Mesh进行组合

Posted weixin_43787178

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了Three.js地球开发—5.国家边界线和国家轮廓Mesh进行组合相关的知识，希望对你有一定的参考价值。

先看最终效果图：

在这里插入图片描述

实现原理：

创建一个球体几何对象SphereBufferGeometry,并设置材质material的map属性为之前保存渲染生成国家轮廓Mesh贴图；
通过把边界线和SphereBufferGeometry构建的几何体添加进Group达到组合的目的。核心代码如下图所示：
在这里插入图片描述

以上是关于Three.js地球开发—5.国家边界线和国家轮廓Mesh进行组合的主要内容，如果未能解决你的问题，请参考以下文章

Three.js地球开发—3.读取坐标数据渲染生成国家轮廓Mesh

Three.js地球开发—3.读取坐标数据渲染生成国家轮廓Mesh

Three.js地球开发—2.读取JSON坐标数据渲染生成国家边界线

Three.js地球开发—2.读取JSON坐标数据渲染生成国家边界线

Three.js地球开发—4.Three.js渲染场景保存成贴图

Three.js地球开发—4.Three.js渲染场景保存成贴图