1.在建模软件中制作好模型与贴图

导出obj 或 fbx 均可


2.打开浏览器输入https://threejs/editor/

进入threejs官网提供的网络编辑器

将模型拖入视图中


3.在视图中选中模型,在右侧选择materal添加贴图,不懂的英文自行百度

(有时添加贴图后,模型没有变化,无需理会,导出后会显示正常,除非贴图放错)


4.添加灯光

Add->light

5.导出包

file->publish

6.解压,当中包含html文件,app.json(场景源文件),js文件夹(threejs脚本),

若想要修改控制,修改app.js即可

若想修改场景,最好在网页中修改再重新导出,也可直接修改app.json

如增加了脚本记得在html文件中添加


完成


更多推荐

threejs制作3d模型展示网页