我正在使用谷歌的进行一个WebAR项目。
我有一个vue.js项目,我有一个组件,它用<model-viewer>属性加载模型。我正在尝试将模型查看器的src属性设置为项目文件夹中.glb模型的绝对路径。(注意:我必须使用绝对路径,否则它将不会加载或显示任何错误)。
这是vue组件中的html代码:
<model-viewer
src="*path-to-project*/src/assets/models/Astronaut.glb"
alt="A 3D model of an astronaut"
ar
ar-modes=&
我试图使用.glb组件在一个帧中加载gltf-model模型,但是我得到了以下错误;
components:gltf-model:warn Unexpected token g in JSON at position 0
基于docs 和讨论,我相信我做的是正确的。请看下面的代码。
<a-scene>
<a-assets>
<a-asset-item
id="glbtestmodel"
src="https://cdn.glitch.com/90a30469-f03
我有一个glb模型,我通过三个js加载到我的Vue项目中。我已经设法导入了几个用于练习的其他模型,但我实际上想要在我的页面上加载的模型不会加载。我试着尝试了不同的缩放比例,位置,背景颜色(因为物体大多是黑色的)和相机角度,但无论我做什么都不能在帧中得到它。我可以在任何常规的gltf视图中完美地看到模型,但我在我的项目中看不到它,我在这里做错了什么? 编辑:顺便说一句,我也试过改变搅拌器的比例,但这并没有改变结果。 const loader = new GLTFLoader();
let me = this; // must refer to the instance in vue in o