Moving camera along the road in 3d model

anjana784 · June 17, 2022, 1:51pm

Hello,

I have a 3d model of a park

I want to move the camera along the road. I can split only the road from the 3d model using scene.children array but I have no idea about how to move the camera along this road please check link below you can get idea from it

https://www.robinpayot.com

I hope you can help me

Have a nice day !

anidivr · June 18, 2022, 2:33am

three.js examples (threejs.org)

github.com

mrdoob/three.js/blob/0c26bb4bb8220126447c8373154ac045588441de/examples/webxr_vr_rollercoaster.html#L213

      
        
            			const position = new THREE.Vector3();
            			const tangent = new THREE.Vector3();
            
            
			const lookAt = new THREE.Vector3();
            
            
			let velocity = 0;
            			let progress = 0;
            
            
			let prevTime = performance.now();
            
            
			function render() {
            
            
				const time = performance.now();
            				const delta = time - prevTime;
            
            
				for ( let i = 0; i < funfairs.length; i ++ ) {
            
            
					funfairs[ i ].rotation.y = time * 0.0004;
            
            
				}

Looking at the render code for this example, the camera is moved along a series of positions extracted from the points along the track. Perhaps you could adapt this for your needs.

anjana784 · June 18, 2022, 7:34am

Thank you very much

I will test this

Topic		Replies	Views
How to make camera move along with the model? Questions transform , react-three-fiber	7	474	December 31, 2023
Moving camera smoothly along a Geometry made out of CurvePath Questions camera-controls , geometry	8	6230	November 14, 2017
Moving camera in given web Page Questions camera-controls , camera , 3dmodel	3	818	November 30, 2020
Three.js camera rotation Questions camera , animation	7	6296	March 5, 2019
Three.js camera on path Questions camera , threejs , path	32	7267	December 24, 2020

Moving camera along the road in 3d model

Related Topics