ThreeJS - wie man die aktuelle Zeit in Animation einstellt

Question

Ich verwende Skinning/Skeleton Animation in ThreeJS. Ich habe eine Animation, und ich möchte in der Lage sein, rückwärts und vorwärts durch sie zu gehen und zu verschiedenen Orten innerhalb derselben zu springen, anstatt das übliche Schleifenverhalten.

Die Animation wird wie folgt erstellt, wie im Beispiel:

var animation = new THREE.Animation(mesh, geometry.animation.name); 

Ich habe versucht, die Animation mit negativen Deltas zu aktualisieren, sowie der Einstellung animation.currentTime direkt:

animation.currentTime = animationLocation; 

These scheinen nur zu funktionieren, wenn ich mich zeitlich vorwärts bewege, aber wenn ich rückwärts gehe, bricht die Animation ab und ich bekomme einen Fehler:

THREE.Animation.update: Warning! Scale out of bounds: ... on bone ... 

Eine Sache, die tatsächlich ohne Fehler funktioniert ist stop() und dann play() mit einer neuen Startzeit zu nennen:

animation.stop(); 
animation.play(true, animationLocation); 

... aber wenn ich sehe, was diese Funktionen tatsächlich tun, beinhalten sie viele, viele Funktion Aufrufe, Schleifen, Zurücksetzen von Transformationen usw. Das scheint ein schrecklicher Weg zu sein, selbst wenn es als Hack funktioniert.

Es kann sein, dass diese Funktionalität noch nicht existiert, in diesem Fall werde ich versuchen, zu graben und eine Funktion zu erstellen, die eine minimale Menge Arbeit macht, aber ich hoffe, es gibt eine andere Möglichkeit, t gefunden.

Kann mir jemand dabei helfen?

[UPDATE]

als Update auf meine Fortschritte, ich werde die beste Lösung poste ich zu dieser Zeit haben ...

ich den Inhalt der stop() und play() Funktionen herausgezogen wird, und alles, was ich konnte, aussortieren und einige Annahmen über bestimmte Werte machen, die bereits von 'play()' festgelegt wurden.

Dies scheint immer noch wie es ist wahrscheinlich nicht der beste Weg, es zu tun, aber es ist ein bisschen weniger Arbeit als nur stop() dann play() aufrufen.

Dies ist, was ich in der Lage war, es zu bekommen unten:

THREE.Animation.prototype.gotoTime = function(time) { 

    //clamp to duration of the animation: 
    time = THREE.Math.clamp(time, 0, this.length); 

    this.currentTime = time; 

    // reset key cache 
    var h, hl = this.hierarchy.length, 
     object; 

    for (h = 0; h < hl; h ++) { 

     object = this.hierarchy[ h ]; 

     var prevKey = object.animationCache.prevKey; 
     var nextKey = object.animationCache.nextKey; 

     prevKey.pos = this.data.hierarchy[ h ].keys[ 0 ]; 
     prevKey.rot = this.data.hierarchy[ h ].keys[ 0 ]; 
     prevKey.scl = this.data.hierarchy[ h ].keys[ 0 ]; 

     nextKey.pos = this.getNextKeyWith("pos", h, 1); 
     nextKey.rot = this.getNextKeyWith("rot", h, 1); 
     nextKey.scl = this.getNextKeyWith("scl", h, 1); 

    } 

    //isPlaying must be true for update to work due to "early out" 
    //so remember the current play state: 
    var wasPlaying = this.isPlaying; 
    this.isPlaying = true; 

    //update with a delta time of zero: 
    this.update(0); 

    //reset the play state: 
    this.isPlaying = wasPlaying; 

} 

Die wichtigste Einschränkung der Funktion in Bezug auf die Nützlichkeit ist, dass man nicht von einem beliebigen Zeitpunkt zu einem anderen interpolieren kann. Sie können im Grunde nur in der Animation herumschrubben.

Answer 1

Sie können THREE.Clock verwenden und startTime, oldTime, elapsedTime zuweisen.