Thanks Rodrigo!
I've added it back now.
That brings me back to my initial problem with the model not rotating to it's original position. I've set controls.enableRotate for screen 2 and screen 3 so that when the model has been moved/rotated it would go back to it's original position on scroll. Unfortunately it's not returning to its original position on scroll.
I've created a 'reset' button with the following code, to show what I'm after. This is rendered on click, but I'd like the same to be rendered on scroll. Is there a way to incorporate it with the timeline?
let returnToOriginalDesktop = gsap.timeline({
duration: 2,
paused: true,
immediateRender: false
});
returnToOriginalDesktop.to(
camera.position,
{
x: 0,
y: 0,
z: 3.7,
duration: 1
},
"<"
);
document
.querySelector(".reset-model")
.addEventListener("pointerdown", function () {
returnToOriginalDesktop.play();
returnToOriginalDesktop.restart();
});
You mentioned camera position values are the same and therefore they're not being updated. Is there another workaround for the same logic?
Thanks!