0x7s0lt1 / THREE.CameraMan

Record and play THREE.js camera movements

Usage

const camera = new THREE.PerspectiveCamera(
        45,
        window.innerWidth / window.innerHeight,
        0.2,
        1000
);

// init CameraMan
const myCameraMan = new CameraMan(camera);

function animate(){
    requestAnimationFrame(animate);
    renderer.render( scene, camera );
    //update
    myCameraMan.update();
}

animate();
    

Now you can start recording tracks! With the help of the control keys.

Play tracks

myCameraMan.loadTrack('./track.json',(track)=>{

    const fps = 60;
    const loop = true;

    myCameraMan.playTrack(track,fps,loop);
        
});

Control keys

---

Key
1	Start recording
2	Pause recording
3	Stop & save recording
4	Console log camera position