Я пытаюсь создать компонент кадра, используя три кода js. Как интегрировать три модуля js в компонент a-frame? Пожалуйста, расскажите мне об этом, я изо всех сил пытаюсь найти решение. Я пытаюсь интегрировать это в свой компонент
<script type="module"> AFRAME.registerComponent('navigation-controls', { init: function(){ let el = this.el; import * as THREE from 'https://raw.githubusercontent.com/mrdoob/three.js/dev/build/three.module.js' import { IndoorControls } from 'https://raw.githack.com/wobushijiujiu/three.js/dev/examples/jsm/controls/IndoorControls.js'; // tried this using outside of the component if was not working there also let scene = document.querySelector("a-scene"); let camera = scene.camera; let renderer = scene.renderer; let groundControls = new IndoorControls( camera, renderer.domElement ); console.log(groundControls); //this is showing error - IndoorControls not found } });
A-Frame включает 3. js изначально, поэтому объект THREE доступен по всему миру без необходимости включать что-либо еще.