分享
查看: 2959|回复: 0

[发布] ThingJS在线开发平台中3D模型获取方法

[复制链接]

ThingJS在线开发平台中3D模型获取方法

发表于 2019-11-1 11:35:48 来自 发布 阅读模式 倒序浏览
zzv_icon2959 zzr_icon0 查看全部

有两种途径可获取3D模型

1、从模型库中获取

  • 选中“组件”下拉列表,点击选择“模型库”;

    ThingJS在线开发平台中3D模型获取方法
  • 点击“立即探索”,进入模型库列表;
    ThingJS在线开发平台中3D模型获取方法
  • 从模型库列表点击所需物体;
    ThingJS在线开发平台中3D模型获取方法
  • 在弹出层点击复制按钮,复制模型 url ;
    ThingJS在线开发平台中3D模型获取方法
  • 在创建物体时用模型 url 创建。
    ThingJS在线开发平台中3D模型获取方法2、上传个人模型

obj 模型上传 CamBuilder

  • 先准备好需要上传的个人模型,需要满足以下要求:

    • 导入文件格式:zip 文件(建议 zip 包以英文命名);
    • 模型要求:
      • 模型的每个节点的顶点数量不能超过65000;
      • 模型文件、贴图文件、材质文件、缩略图文件必须以英文名命名;
      • 需包含:
        • obj 模型文件,支持 obj 格式
        • 贴图文件,支持 png、jpg、bmp、dds、tga(非压缩格式)格式
        • mtl 材质文件,支持 mtl 格式
        • 缩略图文件,支持 png 格式,命名与 obj 文件一致
        注意事项

        将模型、贴图、材质、缩略图,同级目录压缩为 zip 导入,且 obj 模型文件,mtl 材质文件,缩略图文件三个资源文件同名时,上传到客户端 和 ThingJS 里才可以显示缩略图。

        ThingJS在线开发平台中3D模型获取方法
        注意事项

        上传obj模型时需要满足如下条件:

        将模型、贴图、材质、缩略图,同级目录压缩为 zip 导入,且 obj 模型文件,mtl 材质文件,缩略图文件三个资源文件同名时,上传到客户端 和 ThingJS 里才可以显示缩略图

        ThingJS在线开发平台中3D模型获取方法
  • 准备好上传文件,上传使用步骤如下:
    1. 选择 CamBuilder 内的 DIY 模型库,选择上传资源下的 OBJ模型上传;
      ThingJS在线开发平台中3D模型获取方法
    2. 选择将要上传的OBJ模型压缩包,点击确定,进行上传;
      ThingJS在线开发平台中3D模型获取方法
    3. 上传成功后可在已上传的OBJ模型处查看;
      ThingJS在线开发平台中3D模型获取方法
    4. 可进入搭建场景使用,上传后即可显示在「个人」,「用户上传」处可见,拖拽至场景中即可使用;
      ThingJS在线开发平台中3D模型获取方法
    5. 进入搭建场景,先点击右侧菜单栏中的「个人」,再点击点击上方「添加」按钮,选择需上传的模型,确认后上传;
      ThingJS在线开发平台中3D模型获取方法
    6. 上传后即可显示在「个人」,「用户上传」处可见,拖拽至场景中即可使用。
  • 使用后导出tjs包,则会导出obj模型,在导入ThingJS之后,点击 在线开发 里面,点击「工具」下的「自定义模型信息」即可看到用户上传的自定义模型,此时可点击该模型在左侧代码编辑区域快速创建代码。

3ds Max 模型上传

  • 通过3ds Max模型上传插件您可将自己制作的3ds Max模型上传至模模搭中使用;
  • 上传后在 ThingJS 网站 在线开发 里面,点击「工具」下的「自定义模型信息」即可看到用户上传的模型,此时可点击该模型在左侧代码编辑区域快速创建代码。

avatar
游客~
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

130700ppkpl8x3t7tt1b1t