Altitude/AltitudeWeb
5
0
Fork 0
Code Issues 12 Pull Requests Actions Packages Projects Releases Wiki Activity

Refactor ParticlesComponent: simplify plane creation, remove legacy handler, and enhance quadrant logic with material updates.

Browse Source
This commit is contained in:
Teriuihi 2025-06-22 01:03:17 +02:00
parent 1875f050c6
commit 49fe335c73
1 changed files with 20 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
frontend/src/app/particles/particles.component.ts
View File

@ -225,12 +225,11 @@ export class ParticlesComponent implements OnInit, AfterViewInit {
// Create the intersection plane // Create the intersection plane
private createIntersectionPlane(): void { private createIntersectionPlane(): void {
// Make the plane larger to cover 1 block above and below the player (3 blocks tall total) const planeGeometry = new THREE.PlaneGeometry(3, 3);
const planeGeometry = new THREE.PlaneGeometry(2, 3);
const planeMaterial = new THREE.MeshBasicMaterial({ const planeMaterial = new THREE.MeshBasicMaterial({
color: 0x00ff00, color: 0x00AA00,
transparent: true, transparent: true,
opacity: 0.2, opacity: 0.05,
side: THREE.DoubleSide side: THREE.DoubleSide
}); });
@ -297,11 +296,6 @@ export class ParticlesComponent implements OnInit, AfterViewInit {
} }
} }
// Legacy handler for backward compatibility
private onMouseClick(event: MouseEvent): void {
// This is now handled by onMouseUp
}
// Add a particle at the specified position // Add a particle at the specified position
private addParticle(x: number, y: number, z: number): void { private addParticle(x: number, y: number, z: number): void {
// Create a visual representation of the particle // Create a visual representation of the particle
@ -362,18 +356,24 @@ export class ParticlesComponent implements OnInit, AfterViewInit {
this.camera.position.z this.camera.position.z
); );
// Determine which quadrant the camera is in (0-90, 90-180, 180-270, 270-360 degrees) // Determine which quadrant the camera is in with a 45-degree offset
const quadrant = Math.floor((cameraAngle + Math.PI) / (Math.PI / 2)) % 4; // Adding Math.PI/4 (45 degrees) to the angle before determining the quadrant
// This shifts the quadrant boundaries by 45 degrees
const quadrant = Math.floor((cameraAngle + Math.PI + Math.PI / 4) / (Math.PI / 2)) % 4;
// Rotate the plane to face the camera // Rotate the plane to face the camera
if (quadrant === 0) { if (quadrant === 0) {
this.intersectionPlane.rotation.y = 0; // Camera in front this.intersectionPlane.rotation.y = 0; // Camera in front
this.updateFrameMaterial(0x00AA00);
} else if (quadrant === 1) { } else if (quadrant === 1) {
this.intersectionPlane.rotation.y = Math.PI / 2; // Camera on right this.intersectionPlane.rotation.y = Math.PI / 2; // Camera on right
this.updateFrameMaterial(0x0000AA);
} else if (quadrant === 2) { } else if (quadrant === 2) {
this.intersectionPlane.rotation.y = Math.PI; // Camera behind this.intersectionPlane.rotation.y = Math.PI; // Camera behind
this.updateFrameMaterial(0x00AA00);
} else { } else {
this.intersectionPlane.rotation.y = -Math.PI / 2; // Camera on left this.intersectionPlane.rotation.y = -Math.PI / 2; // Camera on left
this.updateFrameMaterial(0x0000AA);
} }
} }
@ -381,6 +381,15 @@ export class ParticlesComponent implements OnInit, AfterViewInit {
this.renderer.render(this.scene, this.camera); this.renderer.render(this.scene, this.camera);
} }
public updateFrameMaterial(color: number) {
this.intersectionPlane.material = new THREE.MeshBasicMaterial({
color: color,
transparent: true,
opacity: 0.05,
side: THREE.DoubleSide
});
}
// Add a new frame // Add a new frame
public addFrame(): void { public addFrame(): void {
const frameId = `frame${this.frames.length + 1}`; const frameId = `frame${this.frames.length + 1}`;