Три. ⇐ Javascript

[Anonymous]

Я работаю над проектом Three.js с анимационным персонажем в стиле Tamagotchi с использованием анимации GLTF и анимационным микшером. Проект включает в себя робота, коробку для вылупления и интерактивные элементы управления. Когда я возвращаюсь в окно, сцена появляется замороженная, и робот прекращает анимировать.
this.time.on('tick', () => {
this.update();
});

update() {
const deltaTime = this.time.delta;
this.world.update(deltaTime);
this.camera.update();
this.renderer.update();
}

В классе World.js Обновление:
update(deltaTime) {
if (this.box) {
this.box.update(deltaTime)
}
if (this.robot) {
this.robot.update(deltaTime)
}
}

Внутри Box.js :
update(deltaTime) {
if (this.mixer) {
this.mixer.update(deltaTime)
}
}

в robot.js :
update(deltaTime) {
if (this.tamagotchiController) {
this.tamagotchiController.update(deltaTime)
}
}

Обновление анимации в tamagotchicontroller.js :
update(deltaTime) {
if (this.mixer) {
this.mixer.update(deltaTime);
}
}

Наконец, Camera.js Обновление:
update() {
if (this.controls) {
this.controls.update()
}
}

и renderer.js :
update() {
this.instance.render(this.scene, this.camera.instance)
}
< /code>
Живой проект здесь < /p>
Я понятия не имею, что идет не так, потому что на консоли нет ошибок. < /p>
Вот время.import EventEmitter from './EventEmitter.js'

export default class Time extends EventEmitter {
constructor() {
super()

// Setup
this.start = Date.now()
this.current = this.start
this.elapsed = 0
this.delta = 0.016 // Initialize with a typical frame time in seconds

window.requestAnimationFrame(() => {
this.tick()
})
}

tick() {
const currentTime = Date.now()
this.delta = (currentTime - this.current) / 1000 // Convert milliseconds to seconds
this.current = currentTime
this.elapsed = (this.current - this.start) / 1000 // Convert milliseconds to seconds

this.trigger('tick')

window.requestAnimationFrame(() => {
this.tick()
})
}
}


Подробнее здесь: https://stackoverflow.com/questions/794 ... ab-is-idle