threejs制作3d模型展示网页

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

导出obj 或 fbx 均可

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

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

将模型拖入视图中

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

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

4.添加灯光

Add->light

5.导出包

file->publish

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

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

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

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

完成

threejs制作3d模型展示网页相关推荐

3D模型在网页上显示
3D模型在网页上显示,这绝对是未来的趋势,也是热门.一部"阿凡达"让电影节发生了一次地震,让人们感到3D的时代到来.那么我们IT界呢?如果各位因工作时间繁忙,或者嫌上海世博会人山人 ...
基于ThreeJS实现3D模型上的室内灯光效果模拟
基于ThreeJS实现3D模型上的室内灯光效果模拟示例描述与操作指南示例效果展示实现步骤示例描述与操作指南当前示例用于展示室内灯光的多角度光影效果. 示例效果展示实现步骤第一步创建聚光 ...
基于ThreeJS为3D模型添加贴图
基于ThreeJS为3D模型添加贴图示例描述与操作指南示例效果展示实现方式示例描述与操作指南当前示例用于展示如何在三维立体构件六个面上添加贴图示例效果展示实现方式添加贴图:在模型的多个 ...
Unity 3D模型展示框架篇之项目整理
本项目将整合之前Unity程序基础小框架专栏在Unity 3D模型展示项目基础上进行整合,并记录了集成过程中对原脚本的调整过程.增加了Asset Bundle+ILRuntime热更新技术流程. 1. ...
js jquery 3D模型展示
本人主要用于商城商品的3D模型展示: 效果如下: 可旋转可放大的3D模型展示用法介绍 (1)如果你想直接使用简单的展示功能那么已经有封装好的js在此下载引用即可 https://downlo ...
Android增强现实（三）-3D模型展示器
1.Android增强现实(一)-AR的三种方式(展示篇) 2.Android增强现实(二)-支持拖拽控制进度和伸缩的VrGifView 3.Android增强现实(三)-3D模型展示器前言前段时 ...
Unity 3D模型展示框架篇之自由观察(Cinemachine)
本项目将整合之前Unity程序基础小框架专栏在Unity 3D模型展示项目基础上进行整合,并记录了集成过程中对原脚本的调整过程.增加了Asset Bundle+ILRuntime热更新技术流程. 在U ...
three.js实现3D模型展示
开头说明下文章是转载我同事一个哥们的.怕自己以后会用拿过来方便以后使用 three.js实现3D模型展示由于项目需要展示3d模型,所以对three做了点研究,分享出来希望能帮到大家 ...
Unity 3D模型展示之webGL平台展现
在之前的项目基础上我们已经打包后在PC端进行展示了.这篇文章主要介绍在切换到webGL上时效果展示不出来需要进行调整,特此记录一下. 1.平台切换选择WebGL平台切换,没有的可以进行安装,安装之后 ...

threejs制作3d模型展示网页

threejs制作3d模型展示网页相关推荐

最新文章

热门文章