gltf-模型/glb-模型
组件使用 glTF（或 ）加载 3D 模型 文件。gltf-model.gltf.glb
为什么要使用 glTF？
-
分层对象
-
场景信息（光源、相机）
-
骨架结构和动画
-
更强大的材质和着色器
对于没有动画的简单模型，OBJ 仍然是一种常见且可靠的模型 选择。
与 COLLADA 或 FBX 相比，支持的功能非常 类似。 然而，由于 glTF 专注于提供一种“传输格式”而不是编辑器格式，它与 Web 技术更具互作性。以此类推，.PSD （Adobe Photoshop） 格式有助于编辑 2D 图像，但图像被转换为 .JPG 以在 Web 上使用。同样，glTF 是一种在渲染相同结果的同时传输 3D 资产的更简单方法。
简而言之，期望 glTF 模型比其他模型更可靠地与 A-Frame 配合使用 格式。
例
通过指向指定 glTF 的资产来加载 glTF 模型 文件。src
<a-scene> <a-assets> <a-asset-item id=”tree” src=”/path/to/tree.gltf”></a-asset-item> </a-assets> <a-entity gltf-model=”#tree”></a-entity> </a-scene>
值
如果要将资产嵌入到HTML 页面中，则可以使用数据 URL 用于小型 glb 文件。您可以使用以下命令创建数据 URL：
echo -n “data:model/gltf-binary;base64,” >/tmp/base64.txt base64 -w 0 model.glb >>/tmp/base64.txt
事件
内联加载
或者，通过直接在 中指定路径来加载 glTF 模型。但是，场景不会等待资源加载 渲染。url()
<a-entity gltf-model=”url(/path/to/tree.gltf)”></a-entity>
使用动画
<a-entity gltf-model=”#monster” animation-mixer></a-entity>
使用压缩
-
天龙座：压缩几何体，通常将几何体尺寸减小 90-95%。需要一些额外的时间来在设备上解压缩，但这发生在 Web Worker 中的主线程之外。
-
网状选择：压缩几何体、变形目标和动画。如果与额外的无损压缩（如 gzip）结合使用，Meshopt 可能具有与 Draco 相似的压缩比，解压缩速度要快得多。注意：某些 Web 服务器不支持 gzip with or files（请参阅：.glb.gltfGitHub 页面).
要优化现有的 glTF 模型，请使用以下工具：
你还需要通过配置场景属性来加载解码器库，如下所述。
场景属性
当使用使用 Draco、KTX2 或 Meshopt 压缩的 glTF 模型时，您必须配置到必要解码器的路径：
<a-scene gltf-model=”dracoDecoderPath: path/to/decoder/; basisTranscoderPath: path/to/transcoder/; meshoptDecoderPath: path/to/meshopt_decoder.js;”> <a-entity gltf-model=”url(pony.glb)”></a-entity> </a-scene>
dracoDecoderPathpath 必须是一个包含三个文件的文件夹：
-
draco_decoder.js— Emscripten 编译的解码器，兼容 IE11 等旧浏览器。
-
draco_decoder.wasm— WebAssembly 解码器，与现代浏览器兼容。
-
draco_wasm_wrapper.js— WASM 解码器的 JavaScript 包装器。
这些文件可从 three.js 存储库中获得，位于示例/jsm/libs/draco/gltf，但更新版本可能 存在于Draco 存储库. 该组件将自动选择是使用 WASM 还是 JavaScript 解码器，因此两者都应包括在内。gltf-model
basisTranscoderPathpath 必须是一个包含两个文件的文件夹：
basis_transcoder.js — JavaScript wrapper for the WebAssembly transcoder. basis_transcoder.wasm — WebAssembly transcoder.
这些文件可从 three.js 存储库中获得/examples/jsm/libs/basis. 您可以使用这样的 CDN：basisTranscoderPath:https://cdn.jsdelivr.net/npm/three@0.154.0/examples/jsm/libs/basis/;
meshoptDecoderPathpath 应该是 Meshopt 解码器的完整文件路径（包括文件名），通常名为 .Meshopt 需要 WebAssembly 支持。CDN 托管的版本化解码器可在 上获得，或者您可以从meshopt_decoder.jshttps://unpkg.com/meshoptimizer@0.19.0/meshopt_decoder.jsmeshoptimizer GitHub 存储库.
1. 本站所有资源来源于用户上传和网络，如有侵权请邮件联系站长！
2. 分享目的仅供大家学习和交流，请不要用于商业用途!
3. 如果你也有好源码或者教程，可以到用户中心发布，分享有积分奖励和额外收入！
4. 本站提供的源码、模板、插件等等其他资源，都不包含技术服务请大家谅解！
5. 如有链接无法下载、失效或广告，请联系管理员处理！
6. 本站资源售价只是赞助，收取费用仅维持本站的日常运营所需！
7. 如遇到加密压缩包，默认解压密码为"gltf",如遇到无法解压的请联系管理员！
8. 因为资源和程序源码均为可复制品，所以不支持任何理由的退款兑现，请斟酌后支付下载
声明：如果标题没有注明"已测试"或者"测试可用"等字样的资源源码均未经过站长测试.特别注意没有标注的源码不保证任何可用性
GLB下载网 - GLB/GLTF模型与格式资源免费下载，支持在线浏览与转换 » gltf-模型/glb-模型
2. 分享目的仅供大家学习和交流，请不要用于商业用途!
3. 如果你也有好源码或者教程，可以到用户中心发布，分享有积分奖励和额外收入！
4. 本站提供的源码、模板、插件等等其他资源，都不包含技术服务请大家谅解！
5. 如有链接无法下载、失效或广告，请联系管理员处理！
6. 本站资源售价只是赞助，收取费用仅维持本站的日常运营所需！
7. 如遇到加密压缩包，默认解压密码为"gltf",如遇到无法解压的请联系管理员！
8. 因为资源和程序源码均为可复制品，所以不支持任何理由的退款兑现，请斟酌后支付下载
声明：如果标题没有注明"已测试"或者"测试可用"等字样的资源源码均未经过站长测试.特别注意没有标注的源码不保证任何可用性
GLB下载网 - GLB/GLTF模型与格式资源免费下载，支持在线浏览与转换 » gltf-模型/glb-模型
常见问题FAQ
- 免费下载或者VIP会员专享资源能否直接商用？
- 本站所有资源版权均属于原作者所有，这里所提供资源均只能用于参考学习用，请勿直接商用。若由于商用引起版权纠纷，一切责任均由使用者承担。更多说明请参考 VIP介绍。
- 提示下载要提取码
- 分享过期和重复下载怎么办
- 模型和平台不兼容怎么办
