So I am using:
var CharactermO;
CharactermO = scene.getObjectByName("Sprinkle_Material_0");
To get my models name and then I have this to tween it:
function onClick() {
event.preventDefault();
mouse.x = (event.clientX / window.innerWidth) * 2 - 1;
mouse.y = -(event.clientY / window.innerHeight) * 2 + 1;
raycaster.setFromCamera(mouse, camera);
var intersects = raycaster.intersectObjects(scene.children, true);
//Get Object Name
CharactermO = scene.getObjectByName("Sprinkle_Material_0");
if (intersects.length > 0) {
var clickedID = intersects[0].object.uuid;
var clickedName = intersects[0].object.name;
console.log("You clicked: " + clickedName);
console.log("UUID: " + clickedID);
if (intersects[0].object.name == 'CharacterOne') {
$('body').css('cursor', 'default');
if (CharactermO.position.x === -0.5 && CharactermO.position.z === -1.7) {
tween = new TWEEN.Tween(CharactermO.position).to({
z: -1.0
}, 2000).onComplete(function() {
tween = new TWEEN.Tween(CharactermO.position).to({
x: 0.05
}, 2000).onComplete(function() {}).start();
}).start();
}
}
}
}
But it doesn’t seem to be doing anything and I am getting no errors
Here is a fiddle:
Fiddle of Model NOT tweening: https://jsfiddle.net/v0f61jLq/
I’ve also done this with a standard cube with a name and this works: https://jsfiddle.net/2Lrkshey/
if I console.log(CharactermO);
it also returns the object correctly
Click the boxes to tween
Any idea’s?