Я пытаюсь создать сайт с прокручиваемой анимацией, используя три. js и аниме. js. Все до сих пор находится в рабочем состоянии (это означает, что у меня есть куб в пространстве, которое я могу видеть через камеру, когда я прокручиваю - куб и камера перемещаются по различным ключевым кадрам до конца их временной шкалы. Моя следующая задача должен был принести объект блендера для замены куба. ТРИ js документы советуют мне использовать GLTFLoader, когда я пытаюсь реализовать это:
Я получил ошибку:
GLTFLoader не определен.
Вот код, на который он ссылается:
var loader = new GLTFLoader();
loader.load(
'/assets/logotext.glb',
function ( gltf ) {
// called when the resource is loaded
scene.add( gltf.scene );
},
function ( xhr ) {
// called while loading is progressing
console.log( ( xhr.loaded / xhr.total * 100 ) + '% + loaded' );
},
function ( error ) {
// called when loading has errors
console.error( 'An error happened', error );
},
);
Вот как я включаю скрипты в мой html:
<script src="\node_modules\animejs\lib\anime.min.js"></script>
<script src="\node_modules\three\build\three.js"></script>
<script src="\node_modules\three\examples\js\loaders\GLTFLoader.js"></script>
<script src="index.js"></script>
</body>
</html>
Полные файлы можно найти здесь, если я не включил достаточно: index. html, index. js
Если есть какие-либо другую часть этого вам нужно увидеть, просто скажите, и я могу отредактировать вопрос.
Спасибо!