@vladkrutenyuk/three-kvy-core/examples/simple-wasd-movement/CameraFollow.js

Everything you need to create any-complexity 3D apps with Three.js. Empower Three.js with a modular, lifecycle-managed context that seamlessly propagates through objects via reusable features providing structured logic.

import * as KVY from "@vladkrutenyuk/three-kvy-core";
import * as THREE from "three";

export class CameraFollow extends KVY.Object3DFeature {
    constructor(object, props) {
        super(object);
        this.offset = props.offset;
        this.lookAtHeight = props.lookAtHeight;
    }

    useCtx(ctx) {
        const camera = ctx.three.camera;
        camera.position.copy(this.offset);
        camera.lookAt(new THREE.Vector3(0, this.lookAtHeight, 0));

        this.object.add(camera);

        return () => {
            this.object.remove(camera);
        }
    }
}