threejs制作3d模型展示网页

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

导出obj 或 fbx 均可

threejs制作3d模型展示网页_第1张图片

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

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

将模型拖入视图中

threejs制作3d模型展示网页_第2张图片

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

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

threejs制作3d模型展示网页_第3张图片

4.添加灯光

Add->light

5.导出包

file->publish

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

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

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

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


完成


你可能感兴趣的:(threejs制作3d模型展示网页)