Блог

Итак, я все еще новичок в использовании A-Frame, теперь мне нужно добавить объект GLTF в мою сцену A-FRAME. Я думаю, что я уже добавил ее правильно, но она все еще не отображается. Вот мой код

 import React from 'react';
import AFRAME from 'aframe';


    class Forest extends React.Component {
        render() {
            return (
                <div  >
                    <a-scene>
                        <a-assets>
                            <img id="boxTexture" src="https://i.imgur.com/mYmmbrp.jpg" />
                            <img id="skyTexture"
                                src={require('../assets/sechelt.jpg')} />
                            <img id="groundTexture" src="https://cdn.aframe.io/a-painter/images/floor.jpg"></img>
                            <a-asset-item id="homer" src={require('../assets/scene.gltf')} ></a-asset-item>
                        </a-assets>
                        <a-box onClick={() => alert("Oke")} src="#boxTexture" position="0 2 -5" rotation="0 45 45" scale="2 2 2"
                            animation="property: object3D.position.y; to: 2.2; dir: alternate; dur: 2000; loop: true"></a-box>
                        <a-plane src="#groundTexture" rotation="-90 0 0" width="30" height="30"
                            repeat="10 10"></a-plane>
    
                        <a-gltf-model src="#homer" position="0 0 0" scale="2 2 2" ></a-gltf-model>
                        <a-link href="index.html" title="Visit Booth" image="#homeThumbnail"></a-link>
    
                        <a-sky src="#skyTexture"></a-sky>
                        <a-light type="ambient" color="#445451"></a-light>
                        <a-light type="point" intensity="2" position="2 4 4"></a-light>
                        <a-camera>
                            <a-cursor></a-cursor>
                        </a-camera>
                    </a-scene>
                </div>
    
            );
        }
    }
    
    export default Forest;
  

Из этой документации https://aframe.io/docs/1.0.0/primitives/a-gltf-model.html Я думаю, что я уже последовал этому примеру. Есть ли дополнительный шаг для визуализации 3D-объекта?
Вот скриншот проверки, мой 3D-объект не загружен, на нем должен быть показан дом Симпсонов