使用 vue.js 将着色器应用于模型查看器

Question

我将 Google 的 ModelViewer 用于 WebAR 项目。

我有一个 vue.js 项目，我有一个组件正在加载具有 <model-viewer> 属性的模型。我还用 npm 安装了vue-gl，以防万一。

我想知道我是否可以（以及我需要做什么）在 ModelViewer 的 3D 模型上应用自定义着色器。

任何帮助将不胜感激。

Answer 1

要调整阴影，您必须为场景添加照明

像这样：

https://modelviewer.dev/examples/lighthouse.html

或者这个：

https://modelviewer.dev/examples/tester.html

您可以使用模型查看器编辑器： https://modelviewer.dev/editor/

本文档将帮助您：

https://modelviewer.dev/docs/index.html#entrydocs-lightingandenv-attributes-shadowIntensity