# Scroll Animation with GSAP

**URL:** <https://discourse.threejs.org/t/scroll-animation-with-gsap/65529>\
**Category:** Questions\
**Tags:** gsap\
**Created:** [May 14, 2024, 12:28pm UTC](https://discourse.threejs.org/t/scroll-animation-with-gsap/65529 "2024-05-14T12:28:56Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![Ross\_Geller](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/ross_geller/32/38204_2.png) [@Ross\_Geller](https://discourse.threejs.org/u/Ross_Geller)\
**Post date:** [May 14, 2024, 12:28pm UTC](https://discourse.threejs.org/t/scroll-animation-with-gsap/65529/1 "2024-05-14T12:28:56Z")

</div>

How to create an animation like this one: [https://watchpro.vercel.app/](https://watchpro.vercel.app/)

I am trying to do it by using gsap but I am having difficulty adjusting the camera position values.

---

<div class="post-metadata">

**Author:** ![Yohan](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/yohan/32/39587_2.png) [@Yohan](https://discourse.threejs.org/u/Yohan)\
**Post date:** [May 15, 2024, 7:43am UTC](https://discourse.threejs.org/t/scroll-animation-with-gsap/65529/2 "2024-05-15T07:43:24Z")

</div>

Maybe you can try to animate camera via a tube geometry and a path. The idea is to have a progress value between 0 and 1 and to set the camera on the path at the current progress value.

Try something like [this](https://www.youtube.com/watch?v=N0twawHdZOI)