Move camera and object on path threejs

[Guest]

Hi, have a nice day , i try to move camera and sphere into scrolling , not(camera or sphere), move its on path, How can I get some synchronization between camera and sphere ? thankyou

See the Pen xxgRxgW by leen-alfalah (@leen-alfalah) on CodePen.

[Rodrigo]

Hi,

 

Have you tried the same approach you're using with the sphere element?

 

gsap.timeline()
  .to(camera.position, { x: 50 })
  .to(camera.position, { x: 150, y: 50 });

You could also plug the MotionPath Plugin to use either an SVG path or a set of coordinates:

 

https://greensock.com/docs/v3/Plugins/MotionPathPlugin

 

Happy Tweening!!!

[Guest]

@Rodrigo Hi, 

yes ,but i want to move both together 

See the Pen xxgRxgW by leen-alfalah (@leen-alfalah) on CodePen.

like this , camera move first then sphere not both 

[mikel]

Hey @leenalfalah,

 

please check this tip position-parameter and use ...

 

timeline
.to(camera.position, { z: -20,ease: "none" })
.to(sphere.position, { z: -20,ease: "none" },0)

 

Happy tweening ...

Mikel