1.首先，我们将在官方网站https://threejs.org/,下载我们的三. js压缩包，并通过脚本标签对的src属性将build文件夹下的三. js导入到我们的页面中。

2.创建三. js核心对象

场景(场景)

照相机

光(光源)

网格(模型)

渲染器

最后一步是渲染并显示在我们的页面上，renderer.render(场景，相机)

3.OBJ模型的导入

脚本类型=' text/JavaScript ' src=' http : js/ObjLoader . js '/脚本脚本类型=' text/JavaScript ' src=' http : js/mtlloader . js '/脚本

4.JS模型的导入

首先，我们需要转换的文件。OBJ模式变成了。JS文件

从。obj格式为。js格式使用了threejs.org提供的convert_obj_three.py工具。需要安装python环境才能使用该工具

转型过程：

将convert_obj_three.py放在与。obj文件和。要转换的mtl文件

打开cmd并切换到相应的目录

python convert _ obj _ three . py-ini file . obj-oout file . js[-t ascii | binary]可以获取。具有两种编码模式(二进制和ascii)的js文件

出现问题，格式转换有问题：

打开。obj文件，

将mtllib关键字更改为。相对于。obj文件

这些会在档案里吗？换成字母，乱码

世界上最新的。mtl文件与。obj文件

这是从。obj文件

5.准备导入

美国信息交换标准码

二进制的

需要导入

脚本src=' http : js/BinaryLoader . js '/脚本

PS:三. js外部模型加载json

使用blender作为模型，可以直接导出json文件(导出插件可以在three.js包中找到)。从网上下载模型。网上很多模型都是3ds max做的。我用3ds max把模型格式转换成obj，然后导入blender处理模型，导出json文件。

导出json文件时选中该选项。如果选择了场景，在一起导出和加载灯光时，需要使用对象加载器。

var loader=new THREE。object loader()；loader . load(' youssen E1 . JSON '，function(obj){ obj . scale . x=obj . scale . y=obj . scale . z=100；scene . add(obj)；});如果导出json文件时没有勾选场景，需要给页面添加灯光，否则模型会完全黑，加载时会用到JSONLoader

var loader=new THREE。JSONLoader()；loader . load(' no Sese . JSON '，函数(几何，材料){ materials[ 0 ]。阴影=三。平面阴影；mesh=new THREE。网格(几何，新三。多材料(材料))；mesh . position . x=0；mesh . position . y=0；mesh . position . z=0；mesh . scale . x=mesh . scale . y=mesh . scale . z=100；scene.add(网格)；});摘要

以上是对边肖介绍的教程三. js加载外部模型的详细说明。希望对大家有帮助。如果你有任何问题，请给我留言，边肖会及时回复你。非常感谢您对我们网站的支持！