Revisions for "ThreeJS | Animate a line on scroll and make the camera follow it. "

ThreeJS | Animate a line on scroll and make the camera follow it.

I have a Float32Array of points (x,y,z) coordinates of where the line should be drawn.

In a threejs scene, I need you draw a line using those points, and then animate it on scroll from start position to end position.

The camera should also follow along the line as it animates.

To clarity, it doesn't have to be a line object, it's okay if it's geometry. Bonus points if I can configure a shape (eg not just a "tube", but a flat plane (like a road) etc. (+10$)

For context, I'm trying to recreate this in 3D: https://tympanus.net/Development/StorytellingMap/

This is what I already have: https://imgur.com/a/G56nd69

Important is that everything is well-commented, so I can implement into my own project.

Bonus points if you help me implement it within my own codebase at https://github.com/elfensky/storymap (pull request?) (+10$)

ThreeJS | Animate a line on scroll and make the camera follow it.
I have a Float32Array of points (x,y,z) coordinates of where the line should be drawn. In a threejs scene, I need you draw a line using those points, and then animate it on scroll from start position to end position. The camera should also follow along the line as it animates. To clarity, it doesn't have to be a line object, it's okay if it's geometry. Bonus points if I can configure a shape (eg not just a "tube", but a flat plane (like a road) etc. (+10$) For context, I'm trying to recreate this in 3D: https://tympanus.net/Development/StorytellingMap/ This is what I already have: https://imgur.com/a/G56nd69 Important is that everything is well-commented, so I can implement into my own project. Bonus points if you help me implement it within my own codebase at https://github.com/elfensky/storymap (pull request?) (+10$) I think the spline example from three.js documentation is a good place to start? For context, I'm trying to recreate this in 3D: https://tympanus.net/Development/StorytellingMap/ This is what I already have: https://imgur.com/a/G56nd69 Important is that everything is well-commented, so I can implement into my own project. Bonus points if you help me implement it within my own codebase at https://github.com/elfensky/storymap (pull request?) (+10$)
ThreeJS | Animate a line on scroll and make the camera follow it.
I have a Float32Array of points (x,y,z) coordinates of where the line should be drawn. In a threejs scene, I need you draw a line using those points, and then animate it on scroll from start position to end position. The camera should also follow along the line as it animates. To clarity, it doesn't have to be a line object, it's okay if it's geometry. Bonus points if I can configure a shape (eg not just a "tube", but a flat plane (like a road) etc. (+10$) I think the spline example from three.js documentation is a good place to start? For context, I'm trying to recreate this in 3D: https://tympanus.net/Development/StorytellingMap/ This is what I already have: https://imgur.com/a/G56nd69 Important is that everything is well-commented, so I can implement into my own project. Bonus points if you help me implement it within my own codebase at https://github.com/elfensky/storymap (pull request?) (+10$)
ThreeJS | Animate a line on scroll and make the camera follow it.
I have a Float32Array of points (x,y,z) coordinates of where the line should be drawn. In a threejs scene, I need you draw a line using those points, and then animate it on scroll from start position to end position. The camera should also follow along the line as it animates. To clarity, it doesn't have to be a line object, it's okay if it's geometry. Bonus points if I can configure a shape (eg not just a "tube", but a flat plane (like a road) etc. (+10$) . I think the spline example from three.js documentation is a good place to start? For context, I'm trying to recreate this in 3D: https://tympanus.net/Development/StorytellingMap/ This is what I already have: https://imgur.com/a/G56nd69 Important is that everything is well-commented, so I can implement into my own project. Bonus points if you help me implement it within my own codebase at https://github.com/elfensky/storymap
Back to question