# Object moving over a 3D path

**URL:** <https://discourse.threejs.org/t/object-moving-over-a-3d-path/14260>\
**Category:** Questions\
**Tags:** object3d, animation\
**Created:** [April 11, 2020, 2:57pm UTC](https://discourse.threejs.org/t/object-moving-over-a-3d-path/14260 "2020-04-11T14:57:54Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![Kaushani\_Chaudhury](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/kaushani_chaudhury/32/7783_2.png) [@Kaushani\_Chaudhury](https://discourse.threejs.org/u/Kaushani_Chaudhury)\
**Post date:** [April 11, 2020, 2:57pm UTC](https://discourse.threejs.org/t/object-moving-over-a-3d-path/14260/1 "2020-04-11T14:57:54Z")

</div>

How do I create a path in 3D space of an object to move over it? I realise that THREE.path can only be used with Vector2s.  
I also need to incorporate Bezier curve in the path, so can I somehow use QuadraticBezierCurve3 in it.

---

<div class="post-metadata">

**Author:** ![Fyrestar](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/fyrestar/32/52793_2.png) [@Fyrestar](https://discourse.threejs.org/u/Fyrestar)\
**Post date:** [April 11, 2020, 3:27pm UTC](https://discourse.threejs.org/t/object-moving-over-a-3d-path/14260/2 "2020-04-11T15:27:07Z")

</div>

Here’s a pen that uses a 3D path to move the camera, you can use any object of course.  
https://codepen.io/wiledal/embed/preview/WvNvEq?height=300&slug-hash=WvNvEq&default-tabs=js,result&host=https://codepen.io

---

<div class="post-metadata">

**Author:** ![Kaushani\_Chaudhury](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/kaushani_chaudhury/32/7783_2.png) [@Kaushani\_Chaudhury](https://discourse.threejs.org/u/Kaushani_Chaudhury)\
**Post date:** [April 11, 2020, 8:52pm UTC](https://discourse.threejs.org/t/object-moving-over-a-3d-path/14260/3 "2020-04-11T20:52:23Z")

</div>

Thanks for that.  
But I want the object to mover over a series of straight lines and bezier curves.  
So, how do I do that?

---

<div class="post-metadata">

**Author:** ![UI\_UNICORN](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/ui_unicorn/32/9842_2.png) [@UI\_UNICORN](https://discourse.threejs.org/u/UI_UNICORN)\
**Post date:** [May 20, 2021, 8:20pm UTC](https://discourse.threejs.org/t/object-moving-over-a-3d-path/14260/4 "2021-05-20T20:20:58Z")

</div>

this may help [Three.js object moving along a path / Roger Veciana i Rovira / Observable](https://observablehq.com/@rveciana/three-js-object-moving-object-along-path)