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

Compare commits

base: Altitude:ecd9b3d8248c18a8d7b1f6a3f71bd2be350c526a
Branches Tags
Altitude:master
Altitude:edit-punishments
Altitude:bans
Altitude:textures
Altitude:particles
..
compare: Altitude:237518638c9d8f354a247160a11c1610554a268d
Branches Tags
Altitude:master
Altitude:edit-punishments
Altitude:bans
Altitude:textures
Altitude:particles

2 Commits
ecd9b3d824 ... 237518638c

Author SHA1 Message Date
Teriuihi 237518638c Increase particles-list height in FramesComponent to 550px for improved visibility. 2025-06-22 19:34:20 +02:00
Teriuihi fea1a98cea Adjust RendererService to use dynamic container height and update OrbitControls limits 2025-06-22 19:27:55 +02:00
2 changed files with 6 additions and 6 deletions
Show Stats Expand all files Collapse all files

2
frontend/src/app/particles/components/frames/frames.component.scss
View File

@ -7,7 +7,7 @@
} }
.particles-list { .particles-list {
max-height: 300px; height: 550px;
overflow-y: auto; overflow-y: auto;
border: 1px solid #eee; border: 1px solid #eee;
border-radius: 4px; border-radius: 4px;

10
frontend/src/app/particles/services/renderer.service.ts
View File

@ -1,6 +1,6 @@
import { ElementRef, Injectable } from '@angular/core'; import {ElementRef, Injectable} from '@angular/core';
import * as THREE from 'three'; import * as THREE from 'three';
import { OrbitControls } from 'three/examples/jsm/controls/OrbitControls.js'; import {OrbitControls} from 'three/examples/jsm/controls/OrbitControls.js';
/** /**
* Service responsible for managing the Three.js rendering environment * Service responsible for managing the Three.js rendering environment
@ -24,7 +24,7 @@ export class RendererService {
// Get container dimensions // Get container dimensions
const containerWidth = container.nativeElement.clientWidth; const containerWidth = container.nativeElement.clientWidth;
const containerHeight = 400; // Fixed height as defined in CSS const containerHeight = container.nativeElement.clientHeight;
// Create camera // Create camera
this.camera = new THREE.PerspectiveCamera(75, containerWidth / containerHeight, 0.1, 1000); this.camera = new THREE.PerspectiveCamera(75, containerWidth / containerHeight, 0.1, 1000);
@ -45,8 +45,8 @@ export class RendererService {
this.controls = new OrbitControls(this.camera, this.renderer.domElement); this.controls = new OrbitControls(this.camera, this.renderer.domElement);
this.controls.enableDamping = true; this.controls.enableDamping = true;
this.controls.dampingFactor = 0.05; this.controls.dampingFactor = 0.05;
this.controls.minDistance = 2; this.controls.minDistance = 0.5;
this.controls.maxDistance = 10; this.controls.maxDistance = 4;
this.controls.target.set(0, 1, 0); this.controls.target.set(0, 1, 0);
this.controls.update(); this.controls.update();