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 {
max-height: 300px;
height: 550px;
overflow-y: auto;
border: 1px solid #eee;
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 { 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
@ -24,7 +24,7 @@ export class RendererService {
// Get container dimensions
const containerWidth = container.nativeElement.clientWidth;
const containerHeight = 400; // Fixed height as defined in CSS
const containerHeight = container.nativeElement.clientHeight;
// Create camera
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.enableDamping = true;
this.controls.dampingFactor = 0.05;
this.controls.minDistance = 2;
this.controls.maxDistance = 10;
this.controls.minDistance = 0.5;
this.controls.maxDistance = 4;
this.controls.target.set(0, 1, 0);
this.controls.update();