实例讲解Three.js加载外部模型
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了实例讲解Three.js加载外部模型，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1792字，纯文字阅读大概需要3分钟。
内容图文
本文主要介绍了Three.js外部模型加载的教程详解,在文章给大家补充介绍了three.js 外部模型加载json的方法，非常不错，具有参考借鉴价值，需要的朋友可以参考下，希望能帮助到大家。1. 首先我们要在官网: https://threejs.org/ 下载我们three.js压缩包,并将其中的build文件夹下的three.js通过script标签对的src属性导入到我们的页面中
2. 创建three.js核心对象
Scene（场景）
Camera（相机）
Light（光源）
Mesh（模型）
Renderer（渲染器）
最后一步就是渲染显示在我们的页面上了renderer.render(scene,camera)
3. OBJ模型的导入
4. .JS模型的导入
首先我们需要将.OBJ模型的文件转换成.JS文件的模型
.obj格式转.js格式使用的是threejs.org官方提供的一个convert_obj_three.py的工具，这个工具的使用需要安装python环境
转换过程：
将convert_obj_three.py和要转换的.obj文件和.mtl文件放在同一个目录下
打开cmd，切换到对应的目录下
可以得到两种编码方式的.js文件（二进制binary和ascii）
出现的问题,转换格式的问题:
打开.obj文件,
将mtllib关键字后面改成 .mtl文件相对于.obj文件的路径
将文件中的这些?改成字母,乱码
.mtl文件中的newmtl 关联到.obj文件中
这是.obj文件中的
5. 准备导入
Ascii
Binary
需要导入
PS：three.js 外部模型加载json
用blender做模型可以直接导出json文件（导出插件可以从three.js包里找到）。从网上下载模型，网上的模型很多事3ds max做的，我就用3ds max把模型格式转换成obj，再导入blender处理好模型后导出json文件。
导出json文件时选项勾选如果选择了SCENE可连灯光一同导出加载时需要用ObjectLoader
导出json文件时如果不勾选scene，需要页面中添加灯光否则模型全黑，加载时用JSONLoader
大家学会了吗？赶紧动手尝试一下吧。
相关推荐：
详解three.js本地运行的方法
Three.js利用性能插件stats实现性能监听实例详解
Three.js之如何创建一个场景
以上就是实例讲解Three.js加载外部模型的详细内容，更多请关注Gxl网其它相关文章！
内容总结
以上是互联网集市为您收集整理的实例讲解Three.js加载外部模型全部内容，希望文章能够帮你解决实例讲解Three.js加载外部模型所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。