3D模型展示制作


3D模型展示，技术支持客服QQ群：1039027334

免费素材网址
HDRI：https://hdrihaven.com/
材质贴图：https://cc0textures.com/

1.1.发布前准备

  1. 模型优化：精简模型，优化网格数量，把能合并的模型尽量合并，合并重叠点和面，可以删除看不见的背面
  2. 烘焙贴图：把整个场景的贴图烘焙成一张4K分辨率的大图，包含纹理和光照信息
    烘焙教程以Blender为例：教程连接
  3. 把烘焙贴图贴回给模型，代替之前的材质，并检查效果
    4. 如果模型没有特定的灯光效果不需要烘培

  4. 导出FBX文件

在realibox.com上注册试用版免费账号并完成制作

1.2 realibox.com制作

上传模型和贴图等

  1. 调整模型和贴图，还原设计效果（注意调整模型尺寸，太小会导致缩放互动过于灵敏）
  2. 设置热点信息，标注说明文字，设置摄像机与热点互动
  3. 3. 设置初始摄像机位，天空盒，模型自旋效果，点击按钮播放模型动画效果等
  4. 发布，生成分享链接

详细步骤

2.1.项目建立

进入realibox.com
完成注册登陆后直接新建项目

2.2.基本操作


2.3.模型上传

进入编辑页面后下方选项目资源
然后点"+"圆型按钮上传模型和贴图



模型拖进界面

2.4.材质编辑

选中模型，点材质
贴图直接拖进去就行

2.5.添加天空球

HDRI：https://hdrihaven.com/
选择项目资源
点击“+”圆型按钮添加Cubemap

点击Cubemap导入HDR环境贴图

点击场景设置，直接把要用的HDR拖进Cubemap即可 

添加交互热点

注：说明文字无法换行，请尽量精简文字

3.1.添加文字热点跟图标热点

文字热点是说明用，图标热点是定位用

3.2.添加交互事件

交互实现的逻辑：

在3D交互资源点加“+”新建

3.3.交互设置

3.3.1.根据需求重命名，方便后面操作


打开两个热点的3D图标及关闭说明文字的显示


3.3.2.获取标注视角位置


3.3.3.为时间线添加事件 双击时间线打开时间轴
把“摄像机事件”跟“说明文字-开A”拖入时间线


3.3.4.说明文字的显示和隐藏 显示：选中“说明文字事件-开A”把“说明文字A”拖进去属性里开启

隐藏：选中“说明文字事件-关A”把“说明文字A”拖进去属性里关闭

3.3.5.点击按钮播放时间线的绑定


3.3.6.做第二个标注交互
复制刚刚做的“两个热点”跟“四个交互”资源并且命名区分开
然后按W把按钮B移动到想要在的位置


接下来就是重复之前做的操作，给“摄像机事件B”设定视角


把“说明文字事件B”里的替换“说明文字B”



双击打开新建时间线B
选中点击“垃圾桶”删除之前的交互事件，然后拖入新的两个事件


选中按钮B
删除时间线A替换时间线B


3.3.7.点击时其他说明文字的关闭
打开“时间线A”把“说明文字-关B”拖入
意思就是运行“时间线A”的时候，会自动关闭"说明文字B"（假如有多个标注的话，也是同样要把其他标注的说明文字关闭拖入）

时间线B也是同样的


这样标注的交互就做好了，可以点击上方的预览测试

4.播放模型自带动画

导入模型

4.1.新建交互事件



4.2.模型拖入事件



4.3.设置事件类型，关联场景里选择动画



如果动画需要循环，记得勾上


4.4.添加热点跟时间线



4.5.时间线播放事件



4.6.为“热点”点击添加时间线



点击预览后，点击下面的按钮即可播放模型动画


4.7.设置按钮再次点击“暂停动画”

假如你需要给模型加上开关动画效果的话
添加一个“交互事件、时间线”，设置好名称以免跟之前混淆


双击事件拖入模型，选择模型动画，把动画状态调成停止动画


打开“关”时间线，把“关”事件拖入


点击热点，打开“开关模式”
把“关”时间线拖入“激活状态”
这个时候点击预览就可以查看效果了


如果想换按钮的形状也可以自己做个按钮图片然后换上去
假如需要点击完之后按钮消失掉，可以导出一张空白的PNG拖入激活样式那里