Currently, I am in the process of tweening between two values, unsure if they will involve position or scale. To handle this uncertainty, I have set up a Tween with an if statement within the update loop.
if( params.type == 'position' ){
initial = {
x: params.object.position.x,
y: params.object.position.y,
z: params.object.position.z
}
target = {
x: params.target.x,
y: params.target.y,
z: params.target.z,
}
}else if( params.type == 'scale' ){
intial = {
x: params.object.scale.x,
y: params.object.scale.y,
z: params.object.scale.z
}
target = {
x: params.target.x,
y: params.target.y,
z: params.target.z,
}
}
var tween = new TWEEN.Tween( initial ).to( target , params.time * 1000 );
tween.easing( params.easing );
// Necessity to define these for the update loop
tween.object = params.object;
tween.type = params.type;
tween.tweener = this;
tween.initial = initial;
tween.target = target;
tween.callback = params.callback;
tween.onUpdate(function( tween ){
if( this.type == 'position' ){
this.object.position.x = this.initial.x;
this.object.position.y = this.initial.y;
this.object.position.z = this.initial.z;
}else if( this.type == 'scale' ){
this.object.scale.x = this.initial.x;
this.object.scale.y = this.initial.y;
this.object.scale.z = this.initial.z;
}
if( this.initial.x == this.target.x ){
var i = this.tweener.tweens.indexOf( this );
this.tweener.tweens.splice( i , 1 );
this.callback();
}
});
The issue here lies in the onUpdate loop where
this
points to
tween.intial
instead of simply
tween
Is there a way to reference the entire tween object instead of what is being currently tweented?
I appreciate any assistance provided! Isaac