# How to create a custom automatic camera movement

**URL:** <https://discourse.threejs.org/t/how-to-create-a-custom-automatic-camera-movement/64186>\
**Category:** Discussion\
**Tags:** tweenjs, camera-controls, geometry\
**Created:** [April 17, 2024, 4:17am UTC](https://discourse.threejs.org/t/how-to-create-a-custom-automatic-camera-movement/64186 "2024-04-17T04:17:14Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![Harsh\_Mohan\_Sason](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/harsh_mohan_sason/32/46882_2.png) [@Harsh\_Mohan\_Sason](https://discourse.threejs.org/u/Harsh_Mohan_Sason)\
**Post date:** [April 17, 2024, 4:17am UTC](https://discourse.threejs.org/t/how-to-create-a-custom-automatic-camera-movement/64186/1 "2024-04-17T04:17:14Z")

</div>

I have a scene where initially when the website loads, the camera is at the center. I want to animate this camera from bottom to top up in like in the shape of the letter ‘C’ but from the front. I have attached a video below for reference on how I want to do it.

I tried getting all the coordinates in a JSON file and then iterating through it but that just seems not a good approach and is also slowing the movement because the array size is like 700 and then looping through each of the coordinates then tweening seems not a good approach. How do i custom create an automatic movement like this whenever a user scrolls down once, this camera movement happens

---

<div class="post-metadata">

**Author:** ![hofk](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/hofk/32/44944_2.png) [@hofk](https://discourse.threejs.org/u/hofk)\
**Post date:** [April 17, 2024, 7:13am UTC](https://discourse.threejs.org/t/how-to-create-a-custom-automatic-camera-movement/64186/2 "2024-04-17T07:13:42Z")

</div>

Maybe something will help you?

From the [Collection of examples from discourse.threejs.org](https://discourse.threejs.org/t/collection-of-examples-from-discourse-threejs-org/4315)

[TweenCamera](https://hofk.de/main/discourse.threejs/2020/TweenCamera/TweenCamera.html)  
[SmoothChaseCamera](https://hofk.de/main/discourse.threejs/2020/SmoothChaseCamera/SmoothChaseCamera.html)  
[MovingCameraAlongSpline](https://hofk.de/main/discourse.threejs/2020/MovingCameraAlongSpline/MovingCameraAlongSpline.html)  
[CameraEllipseCurve](https://hofk.de/main/discourse.threejs/2021/CameraEllipseCurve/CameraEllipseCurve.html)  
[CameraGSAP](https://hofk.de/main/discourse.threejs/2021/CameraGSAP/CameraGSAP.html)  
[CameraFollowObject](https://hofk.de/main/discourse.threejs/2022/CameraFollowObject/CameraFollowObject.html)  
[TurningTowardsCamera](https://hofk.de/main/discourse.threejs/2023/TurningTowardsCamera/TurningTowardsCamera.html)