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

Compare commits

base: dejvino:50d755793d31c063dbd5e3144a42d23d8d7e6db3
Branches Tags
dejvino:main
...
compare: dejvino:cf3b915666fddeec3a13f86ee830ea045b17a7ea
Branches Tags
dejvino:main

2 Commits
50d755793d ... cf3b915666

Author SHA1 Message Date
Dejvino
cf3b915666 Fix: TV screen aspect ratio 2025-11-17 14:59:06 +01:00
Dejvino
8a008e4b99 Tweak: VCR display brightness 2025-11-17 14:56:41 +01:00
2 changed files with 6 additions and 10 deletions
Show Stats Expand all files Collapse all files

6
tv-player/src/scene/tv-set.js
View File

@ -93,7 +93,7 @@ export function createTvSet(x, z, rotY) {
tvGroup.add(createLeg(offset, -depthOffset)); tvGroup.add(createLeg(offset, -depthOffset));
// --- 2. The TV box --- // --- 2. The TV box ---
const cabinetGeometry = new THREE.BoxGeometry(1.75, 1.5, 1.0); const cabinetGeometry = new THREE.BoxGeometry(1.9, 1.5, 1.0);
const cabinet = new THREE.Mesh(cabinetGeometry, tvPlastic); const cabinet = new THREE.Mesh(cabinetGeometry, tvPlastic);
cabinet.position.y = 1.51; cabinet.position.y = 1.51;
cabinet.castShadow = true; cabinet.castShadow = true;
@ -101,7 +101,7 @@ export function createTvSet(x, z, rotY) {
tvGroup.add(cabinet); tvGroup.add(cabinet);
// --- 3. Screen Frame --- // --- 3. Screen Frame ---
const frameGeometry = new THREE.BoxGeometry(1.5, 1.3, 0.1); const frameGeometry = new THREE.BoxGeometry(1.7, 1.3, 0.1);
const frameMaterial = new THREE.MeshPhongMaterial({ color: 0x111111, shininess: 20 }); const frameMaterial = new THREE.MeshPhongMaterial({ color: 0x111111, shininess: 20 });
const frame = new THREE.Mesh(frameGeometry, frameMaterial); const frame = new THREE.Mesh(frameGeometry, frameMaterial);
frame.position.set(0, 1.5, 0.68); frame.position.set(0, 1.5, 0.68);
@ -111,7 +111,7 @@ export function createTvSet(x, z, rotY) {
// --- 4. Curved Screen (CRT Effect) --- // --- 4. Curved Screen (CRT Effect) ---
const screenRadius = 3.0; // Radius for the subtle curve const screenRadius = 3.0; // Radius for the subtle curve
const screenWidth = 1.4; const screenWidth = 1.6;
const screenHeight = 1.2; const screenHeight = 1.2;
const thetaLength = screenWidth / screenRadius; // Calculate angle needed for the arc const thetaLength = screenWidth / screenRadius; // Calculate angle needed for the arc

10
tv-player/src/scene/vcr-display.js
View File

@ -182,21 +182,17 @@ export function createVcrDisplay() {
canvas.height = 32; canvas.height = 32;
const ctx = canvas.getContext('2d'); const ctx = canvas.getContext('2d');
ctx.fillStyle = '#0a0a0a'; ctx.fillStyle = '#030303';
ctx.fillRect(0, 0, canvas.width, canvas.height); ctx.fillRect(0, 0, canvas.width, canvas.height);
state.vcrDisplayTexture = new THREE.CanvasTexture(canvas); state.vcrDisplayTexture = new THREE.CanvasTexture(canvas);
state.vcrDisplayTexture.needsUpdate = true; state.vcrDisplayTexture.needsUpdate = true;
const displayGeometry = new THREE.PlaneGeometry(0.45, 0.1); // Adjust geometry width for new canvas size const displayGeometry = new THREE.PlaneGeometry(0.45, 0.1); // Adjust geometry width for new canvas size
const displayMaterial = new THREE.MeshPhongMaterial({ const displayMaterial = new THREE.MeshBasicMaterial({
map: state.vcrDisplayTexture, map: state.vcrDisplayTexture,
side: THREE.FrontSide, side: THREE.FrontSide,
color: 0xffffff, color: 0x105a10,
transparent: true,
emissive: 0x00ff44,
emissiveIntensity: 0.05,
shininess: 0
}); });
const displayMesh = new THREE.Mesh(displayGeometry, displayMaterial); const displayMesh = new THREE.Mesh(displayGeometry, displayMaterial);