Cesium 实战 – 使用 gltf-vscode 查看、预览以及编辑 glTF 和 GLB 模型
Cesium 实战 – 使用 gltf-vscode 查看、预览以及编辑 glTF 和 GLB 模型
-
-
VScode（Visual Studio Code） 安装模型必要插件
-
VScode 预览自定义关节（articulations）动作
-
VScode 导入 GLB 格式模型
-
VScode 导出 GLB 格式模型
-
Cesium 在线示例
在实际项目中，由于对模型的操作，可能会需要查看模型的属性。之前一直使用 blender 来查看、调整以及转换等操作。模型转换详见：Cesium 三维模型使用 blender 调整位置、坐标轴、比例等。
近期有需求，需要给模型增加 自定义关节（articulations）动作，然后发现 blender 对于 Cesium 开发人员不太友好，尤其是查看 glTF 的 json 数据属性。
后来发现一个开源项目，可以直接查看和操作 glTF 模型：gltf-vscode。
gltf-vscode 是由 AGI（一家美国工程仿真领域的企业） 开发和维护的，功能非常强大，比较适合 Cesium 开发人员。
gltf-vscode 可以查看编辑模型、导入 GLB 模型、GLB 与 glTF 转换等功能。
本文包含 VScode 安装模型必要插件、预览自定义关节动作、导入 GLB 格式模型、导出 GLB 格式模型、Cesium在线示例 四部分。
VScode（Visual Studio Code） 安装模型必要插件
Visual Studio Code 下载于安装比较简单，也不需要破解，不过多介绍。
使用 VScode 打开 gltf-vscode 项目。
VScode 应该会自动提示安装所需插件：
复制 glTF 模型到项目中，这里作者新建 public/model 文件夹来存放模型。
预览 glTF 模型，可以查看 glTF 文件数据以及预览模型：
注意：需要打开 glTF 模型文件之后，在文件内右键操作。
默认为 Babylon 渲染模型，这里也可以切换其他模型预览引擎：
launchvehicle.gltf
launchvehicle.glb
VScode 预览自定义关节（articulations）动作
预览切换为 Cesium 引擎时，可以查看模型自定义的关节（articulations）动作：
这里选择了 SRB 固体助推器模块组件，并且调整 Separate、Drop 和 Rotate 关节（articulations）参数来查看效果：
VScode 导入 GLB 格式模型
GLB 模型为二进制文件，VScode 不能直接打开，这里演示导入 GLB 格式模型：
将 GLB 文件拷贝到项目中：
由于 GLB 模型转为 glTF 格式，会生成一系列相关文件，这里创建文件夹用于存放这些文件：
选中 GLB 模型，右键 – 导入 GLB 模型（glTF: Import from GLB）:
以下是生成的 glTF 模型以及相关文件（所有文件均不可删除，否则会出问题）：
点击 glTF 文件，查看内容以及预览模型：
VScode 导出 GLB 格式模型
glTF 格式模型更方便编辑，但是松散的 glTF 模型（包含 .bin、.jpg 等）不容易移动使用，可以导出为 GLB 格式：
导出之后，在 Cesium 中加载使用：
Cesium 在线示例
Cesium 在线示例：Cesium 官方火箭推进器的模型
1. 本站所有资源来源于用户上传和网络，如有侵权请邮件联系站长！
2. 分享目的仅供大家学习和交流，请不要用于商业用途!
3. 如果你也有好源码或者教程，可以到用户中心发布，分享有积分奖励和额外收入！
4. 本站提供的源码、模板、插件等等其他资源，都不包含技术服务请大家谅解！
5. 如有链接无法下载、失效或广告，请联系管理员处理！
6. 本站资源售价只是赞助，收取费用仅维持本站的日常运营所需！
7. 如遇到加密压缩包，默认解压密码为"gltf",如遇到无法解压的请联系管理员！
8. 因为资源和程序源码均为可复制品，所以不支持任何理由的退款兑现，请斟酌后支付下载
声明：如果标题没有注明"已测试"或者"测试可用"等字样的资源源码均未经过站长测试.特别注意没有标注的源码不保证任何可用性
GLB下载网 - GLB/GLTF模型与格式资源免费下载，支持在线浏览与转换 » Cesium 实战 – 使用 gltf-vscode 查看、预览以及编辑 glTF 和 GLB 模型
2. 分享目的仅供大家学习和交流，请不要用于商业用途!
3. 如果你也有好源码或者教程，可以到用户中心发布，分享有积分奖励和额外收入！
4. 本站提供的源码、模板、插件等等其他资源，都不包含技术服务请大家谅解！
5. 如有链接无法下载、失效或广告，请联系管理员处理！
6. 本站资源售价只是赞助，收取费用仅维持本站的日常运营所需！
7. 如遇到加密压缩包，默认解压密码为"gltf",如遇到无法解压的请联系管理员！
8. 因为资源和程序源码均为可复制品，所以不支持任何理由的退款兑现，请斟酌后支付下载
声明：如果标题没有注明"已测试"或者"测试可用"等字样的资源源码均未经过站长测试.特别注意没有标注的源码不保证任何可用性
GLB下载网 - GLB/GLTF模型与格式资源免费下载，支持在线浏览与转换 » Cesium 实战 – 使用 gltf-vscode 查看、预览以及编辑 glTF 和 GLB 模型
常见问题FAQ
- 免费下载或者VIP会员专享资源能否直接商用？
- 本站所有资源版权均属于原作者所有，这里所提供资源均只能用于参考学习用，请勿直接商用。若由于商用引起版权纠纷，一切责任均由使用者承担。更多说明请参考 VIP介绍。
- 提示下载要提取码
- 分享过期和重复下载怎么办
- 模型和平台不兼容怎么办
