Ищите способ создать временную шкалу для моей сцены ThreeJS - PullRequest
Новая
       12

Ищите способ создать временную шкалу для моей сцены ThreeJS

0 голосов
/ 11 мая 2019

Я занимаюсь проектом, в котором Вы можете посмотреть реплей гонки на яхтах. Используя триджи и твин. Пытаясь создать временную шкалу, чтобы я мог изменить скорость воспроизведения, переместите ее вперед, не дожидаясь 30 секунд или около того, пока моя анимация не достигнет этой точки.

Использование этого кода для создания анимации и цепочки: 

    createTweens(){
        let tweens = [];
        let position = {
            x: this.yacht.position.x,
            y: this.yacht.position.z,
            z: this.yacht.rotation.z
        };
        for (let i = 0; i < this.path.length; i++){
            let target = {
                x: this.path[i].x,
                y: this.path[i].y,
                z: this.path[i].a
            };
            let tween = new TWEEN.Tween(position).to(target, 1000);
            tween.onUpdate(() => {
                this.yacht.position.x = position.x;
                this.yacht.position.z = position.y;
                this.yacht.rotation.z = position.z;
            });
            tween.easing(TWEEN.Easing.Linear.None);
            // tween.start();
            tweens.push(tween);
        }
        for (let i = 0; i < tweens.length-1; i++) {
            tweens[i].onComplete(()=> tweens[i+1].start());
        }
        this.tween = tweens[0];
    }

начиная с таких подростков: 

manage.yachts[1].tweens[0].start();

Я хочу как-то сделать возможным использование временной шкалы для всех этих подростков. Или даже, если это возможно, используя любой другой способ реализации временной шкалы без анимации.

...