PlayCanvas 模型查看器

|用户手册 |API 参考 |博客 |论坛 |

PlayCanvas glTF 场景查看器速度极快，并且 100% 符合 glTF 2.0 规范。

您可以在以下位置找到实时版本：

https://playcanvas.com/model-viewer

查看器可以加载任何 glTF 2.0 场景。嵌入式 glTF 和二进制 glTF （GLB） 可以直接拖动到 3D 视图中。要加载解压缩的 glTF 场景，请将其父文件夹拖动到 3D 视图中。

您还可以将图像拖放到 3D 视图中以设置背景。选项包括：

• 单个文件图像被视为等距柱状投影。支持的格式为 PNG、JPG 和 HDR。在 HDRHaven 查找高质量的 HDR 图像。
• 六个图像被视为立方体贴图面。命名应为以下 5 种形式之一，其中下面的每个人脸名称都应合并到整个文件名中，例如：name_posx.png

某些URL查询参数可用于覆盖查看器的某些方面：

确保已安装Node.js （v18.0+）。然后，从命令提示符运行：

npm install
npm run build

这将调用 Rollup 并将构建的查看器输出到文件夹。若要使用标志调用 Rollup（在保存任何源文件时重新生成查看器），请执行以下作：dist--watch

npm run watch

跑：

npm run serve

打开浏览器并导航到 http://localhost:3000。

跑：

npm run develop

打开浏览器并导航到 http://localhost:3000。

注意要加载本地模型，请在包含模型的目录中运行（禁用 CORS）。npx server --cors

模型查看器基于以下开源库构建：

要测试这些库的集成，请使用 npm 链接。按着这些次序：

1. 从源创建全局链接

   cd <library>
   npm link

2. 创建指向全局链接的链接

   cd model-viewer
   npm link <library>