【ResDevKit】Web3d Template

ResDevKit
字数统计: 1.1k   |   阅读时长≈ 4 分钟

Web3D

浏览器支持

PC：Chrome或者Chromium内核 40版本以上，暂不支持ie

Mobile：微信，企业微信，QQ，Chrome或者Chromium内核浏览器

模型要求

  1. 统一坐标系：使用3dsmax或者unity默认的坐标系；

  2. 统一基本长度单位：基本长度单位设置为 cm；

  3. 模型最外层的容器，在scene的坐标要0,0,0 ；

  4. 需要展示的部件名称 带mPart_前缀，并且命名不要有中文和特殊字符；（不需要展示的部件不用遵守此规则）；

  5. 模型导出格式为glb （此格式可以携带几何体，材质贴图，动画一起输出）

    3dsmax导出glb 使用文档：https://pxim.github.io/posts/c28c4b19/

    unity导出glb 使用文档：https://pxim.github.io/posts/189fd9d4/

  6. 最后导出的glb，最大别超过20m，尽量小点；

Web3D模板

结构展示 模板

jgzs3d-wrj

效果外链：http://bmw.jingge.com/presale/jgzs3d/

image-20210625084504906

jgzs3d-byde5yctbddj

效果外链：http://bmw.jingge.com/presale/jgzs3d-byde5yctbddj/

image-20210816091911277

config.json 配置表

root
image-20210816103832952
参数 说明 类型 默认值 备注
aidsystem 是否开启辅助系统；enabled的值 true 开启 false 关闭；默认关闭； object
stats 是否开启性能统计；enabled的值 true 开启 false 关闭；默认关闭； object
title 标题栏 相关配置 object
menu 右侧菜单窗口 相关配置；保留字段，目前暂不配置； object
desc 左侧详细说明窗口 相关配置；保留字段，目前暂不配置； object
label 模型标注 相关配置 object
scene 3d场景 相关配置 object
tree 菜单树 相关配置 array
title
image-20210816094234701
参数 说明 类型 默认值 备注
enabled 是否显示标题； true 显示false 隐藏；默认显示； boolean true
text 标题内容 string
image-20210816095024205
参数 说明 类型 默认值 备注
desc 保留字段，忽视它
image-20210816095414185
参数 说明 类型 默认值 备注
label
image-20210816095854883
参数 说明 类型 默认值 备注
enabled 是否显示标注； true 显示false 隐藏；默认显示； boolean true
font 文本字体 属性
family 字体类型
color 字体颜色
size 字体大小		 object
backgroundColor 标注 3d文本的背景色 array
background 标注 2d文本的背景色 string
model 3d标注模型
url 模型的路径
position 模型的坐标，目前保留字段，忽视它
rotation 模型的旋转度，目前保留字段，忽视它
scale 模型的缩放度		 object
scene
image-20210816100555984
参数 说明 类型 默认值 备注
angleLimit 场景缩放远近等角度限制，分别是 水平旋转上限，水平旋转下限，垂直旋转上限，垂直旋转下限，最大向外移动焦距，最大向内移动焦距；
一般保持默认，最多修改最后2个的值；		 object
background 3d场景的背景，目前只能是图片
预加载页的背景图和这里保持一致		 string
camera 目前保留字段，忽视它
场景初始化时，相机的初始角度；
默认是模型居中，相机对着模型的正视图视角；
如果想定制角度，就在制作模型时就添加一个相机，设置好position和target；然后这边程序会获取这个相机的参数，进行设置；
name 这个相机的名字
targetName相机的target的名字		 object
meshSelectedColor 模型部件被选中后的颜色； array
model 场景里的结构展示的模型
url 模型的路径
position 模型的坐标，目前保留字段，忽视它
rotation 模型的旋转度，目前保留字段，忽视它
scale 模型的缩放度		 object
tree
image-20210816103342218
参数 说明 类型 默认值 备注
key 这里根节点统一是mRoot，保持默认；
唯一id，和 scene里的结构模型里 部件的name一样，要保持唯一，不能重复
image-20210624181725804		 string
title 右侧菜单列表项的名称 string
text 部件说明的文本内容 string
label 每个部件object对应的标注的一些属性
position 当前部件object里标注的坐标偏移量 ；默认标注在部件object的正上方；多数情况保持默认0,0,0，就行；
lineScale 标注线的缩放；y 为0时，不显示标注线，只显示文本；y为1时，标注线是1倍长度缩放；目前都默认设置0；		 object
object3d scale 独显居中模式下，选中部件自适应缩放后，可调整的缩放倍数； object
link 外链资源的路径； string
children 当前部件子对象列表；如果当前部件有子部件，就添加；没有就不添加； array
Donate
  • 版权声明： 本博客所有文章除特别声明外，著作权归作者所有。转载请注明出处！
  • Copyrights © 2015-2022 Peng Xiang
  • 访问人数: | 浏览次数:

请我喝杯咖啡吧~

支付宝
微信