fuhtho/3d-viewer
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Correct parsers

Browse source
This commit is contained in:
Fuhrmann 2025-02-26 14:01:38 +01:00
parent 7fe5d03a09
commit 0d0190fd8e
9 changed files with 437 additions and 169 deletions
Download patch file Download diff file Expand all files Collapse all files

23
app/three/utils/build-scene.ts
View file

@ -41,7 +41,7 @@ export async function buildScene(container: HTMLElement, extent: Extent) {
const width = container.clientWidth;
const height = container.clientHeight;
camera = new PerspectiveCamera(30, width / height, 0.1, size * 100);
camera = new PerspectiveCamera(30, width / height, 0.1, size * 25);
camera.position.set(center.x, center.y, size * 5);
camera.lookAt(center);
@ -51,11 +51,12 @@ export async function buildScene(container: HTMLElement, extent: Extent) {
renderer.setPixelRatio(window.devicePixelRatio);
renderer.setSize(width, height);
//renderer.autoClear = false;
//renderer.setClearColor(0x000000, 0.0); // second param is opacity, 0 => transparent
// enable clipping
renderer.localClippingEnabled = true;
// renderer.autoClear = false;
// renderer.setClearColor(0x000000, 0.0); // second param is opacity, 0 => transparent
renderer.setAnimationLoop(animate);
window.addEventListener("resize", () => onWindowResize(container));
container.appendChild(renderer.domElement);
controls = new OrbitControls(camera, renderer.domElement);
@ -72,17 +73,6 @@ export async function buildScene(container: HTMLElement, extent: Extent) {
// const urlParams = new URLSearchParams(queryString);
// const modelid = parseInt(urlParams.get("model_id") ?? "20", 10);
renderer.setAnimationLoop(animate);
window.addEventListener("resize", () => onWindowResize(container));
const testCube = new Mesh(
new BoxGeometry(size * 0.1, size * 0.1, size * 0.1),
new MeshBasicMaterial({ color: 0xff0000 })
);
testCube.position.copy(center);
scene.add(testCube);
return { renderer, scene, camera };
}
@ -99,6 +89,7 @@ function onWindowResize(container: HTMLElement) {
function animate() {
renderer.render(scene, camera);
// required if controls.enableDamping or controls.autoRotate are set to true
controls.update();
}