js可以做的运动三维模型js有哪些

点击联系发帖人 时间：2018-05-05 00:33

js模型

在Web上展示3D三维模型js已经不是什么難事儿前端界有几个有名的3字开头的库，three.js就是其中之一three.js是一个空间绘图库，说的简单直接一些就是为js程序员在web页面中创建3D影像物体，和模拟真实环境的重力视角等效果的脚本库。

最近three.js为开发者提供了一个在线三维模型js编辑器，可以完成物体的编辑定位和光源与配色等基本功能，效果绝赞如果你对web 3d开发有兴趣，去这里看看：

}

直接使用three.js编程建模比较麻烦实際开发的时候往往会借助一些可视化的3D建模工具，比如SolidWorks、Blender、C4D、3Dmax不同领域的三维软件支持导出的文件有所差异，比如工业设计、机械设计類的三维软件往往支持导入静态的3D三维模型js游戏开发常常使用的Blender等三维软件，除了静态的三维三维模型js还可以导出含有动画信息的三維三维模型js。three.js针对不同的文件格式提供了许多对应的.js加载文件，使用的时候和相机控件一样先引入html文件中

基本所有的三维软件都支持導出.stl格式三维三维模型js，stl三维三维模型js不包含材质信息你可以简单地把stl文件理解为几何体对象Geometry，本节课素材box.STL是一个立方体用记事本打開文件你可以看到里面的数据三个位置坐标和一个顶点法向量是一组数据，在第二章点线面的课程中讲解过三个顶点可以构成一个三角面对于一个立方体而言需要至少12个三角面构成立方体的6个矩形平面。

几何体对象作为函数stlMesh()的参数使用然后在stlMesh()函数中作为Mesh构造函数的参数來生成网格三维模型js。


 
 //stl加载完成后等待执行的函数

使用三维软件导出.obj三维模型js文件的时候会同时导出一个材质文件.mtl， .obj和.stl文件包含的数据┅样都是几何体对象的顶点位置、顶点法向量等顶点相关数据材质文件.mtl包含的是RGB颜色值等材质信息。

加载.obj三维三维模型js的时候可以只加载.obj文件，然后借助three.js引擎自定义材质对象Material也可以同时加载obj和mtl文件。

通过stl加载器返回的结果是几何体对象Geometry而通过obj加载器返回的结果是网格三维模型js数组组成的object3D对象，

object3D对象具有children属性children属性值是数组，数组的子元素可以是网格三维模型js对象可以是光源对象，也可以是网格三維模型js对象mesh组成的Object3D对象对于obj加载器返回的object3D对象而言，都是网格三维模型js对象本obj三维模型js只有一个立方体，所以object3D.children返回的数组只有一个元素如果有多个零件组成的装配体，数组就会有多个元素


 
 //stl加载完成后等待执行的函数

加载中，请稍候......

}