dejvino/music-video-gen
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Tweak: camera FOVs

Browse Source
This commit is contained in:
Dejvino 2025-11-22 17:10:48 +01:00
parent 363e56ff18
commit 2613d152dd
1 changed files with 11 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
party-cathedral/src/scene/camera-manager.js
View File

@ -19,12 +19,14 @@ export class CameraManager extends SceneFeature {
init() {
// The main camera from init.js is our first camera
const mainCamera = state.camera;
this.cameras.push({
mainCamera.fov = 20;
const mainCameraSetup = {
camera: mainCamera,
type: 'dynamic',
name: 'MainDynamicCamera',
update: this.updateDynamicCamera, // Assign its update function
});
};
this.cameras.push(mainCameraSetup);
// --- Static Camera 1: Left Aisle View ---
const staticCam1 = new THREE.PerspectiveCamera(75, window.innerWidth / window.innerHeight, 0.1, 100);
@ -37,7 +39,7 @@ export class CameraManager extends SceneFeature {
});
// --- Static Camera 2: Right Aisle View ---
const staticCam2 = new THREE.PerspectiveCamera(75, window.innerWidth / window.innerHeight, 0.1, 100);
const staticCam2 = new THREE.PerspectiveCamera(65, window.innerWidth / window.innerHeight, 0.1, 100);
staticCam2.position.set(5, 4, -12);
staticCam2.lookAt(0, 1.5, -18); // Look at the stage
this.cameras.push({
@ -47,7 +49,7 @@ export class CameraManager extends SceneFeature {
});
// --- Static Camera 3: Far-Back view ---
const staticCam3 = new THREE.PerspectiveCamera(75, window.innerWidth / window.innerHeight, 0.1, 100);
const staticCam3 = new THREE.PerspectiveCamera(65, window.innerWidth / window.innerHeight, 0.1, 100);
staticCam3.position.set(0, 3, 12);
staticCam3.lookAt(0, 1.5, -20); // Look at the stage
this.cameras.push({
@ -57,7 +59,7 @@ export class CameraManager extends SceneFeature {
});
// --- Static Camera 3: Back view ---
const staticCam4 = new THREE.PerspectiveCamera(75, window.innerWidth / window.innerHeight, 0.1, 100);
const staticCam4 = new THREE.PerspectiveCamera(55, window.innerWidth / window.innerHeight, 0.1, 100);
staticCam4.position.set(0, 4, 0);
staticCam4.lookAt(0, 1.5, -20); // Look at the stage
this.cameras.push({
@ -66,6 +68,9 @@ export class CameraManager extends SceneFeature {
name: 'BackCam'
});
// make the main camera come up more often
this.cameras.push(mainCameraSetup);
// --- Add Debug Helpers ---
if (state.debugCamera) {
this.cameras.forEach(camData => {
@ -75,7 +80,7 @@ export class CameraManager extends SceneFeature {
}
this.lastSwitchTime = state.clock.getElapsedTime();
this.switchCamera(4);
this.switchCamera(0);
}
// This is the logic moved from animate.js