innohub/tatort
7
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

zwischenspeichern

Browse Source
This commit is contained in:
mina
2025-05-08 15:35:24 +02:00
parent 985d4a424f
commit f3850649c7
1 changed files with 11 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
src/routes/(angemeldet)/view/[vorgang]/[tatort]/+page.svelte
View File

@@ -63,8 +63,8 @@
function onResetView() {
// cameraOrbit = '0deg 0deg 50m';
// cameraTarget ="0m 0m 0m"
console.log("show cameraOrbit:", modelViewer.getAttribute('camera-orbit'), modelViewer.cameraOrbit, modelViewer.getAttribute('rotation'))
console.log("Camera-orbit: ",modelViewer.getAttribute('camera-orbit'), "camera-target: ",modelViewer.getAttribute('camera-target'), "object-rotation: ", modelViewer.getAttribute('orientation'))
console.log("show cameraOrbit:", modelViewer.getCameraOrbit(), modelViewer.cameraOrbit, modelViewer.getDimensions())
console.log("Camera-orbit: ",modelViewer.getAttribute('camera-orbit'), "camera-target: ",modelViewer.getAttribute('camera-target'), "object-rotation: ", modelViewer.getAttribute('rotation'))
// modelViewer.cameraOrbit = cameraOrbit;
// modelViewer.cameraTarget = cameraTarget;
@@ -76,7 +76,7 @@
*/
function updateCameraOrbit(newOrbit) {
cameraTarget ="0m 0m 0m"
// cameraTarget ="0m 0m 0m"
console.log("update X",modelViewer.cameraOrbit,"target:", modelViewer.cameraTarget, newOrbit)
modelViewer.cameraOrbit = newOrbit;
modelViewer.cameraTarget = cameraTarget;
@@ -84,7 +84,7 @@
}
function slideCameraOrbit(){
modelViewer.cameraOrbit =`${cameraAzimuth}deg ${cameraPolar}deg ${cameraZoom}m`;
modelViewer.cameraOrbit =`${cameraAzimuth}deg ${cameraPolar}deg ${cameraZoom}%`;
}
function slideRotation(){
@@ -113,7 +113,7 @@
<!--3 Buttons-->
<div>
<Button
on:click={()=>{updateCameraOrbit('0deg 180deg 0m')}}
on:click={()=>{updateCameraOrbit('0deg 180deg 100%')}}
type="button"
variant="white"
@@ -135,7 +135,7 @@
<Button
on:click={()=>{updateCameraOrbit('0deg 90deg 0m')}}
on:click={()=>{updateCameraOrbit('0deg 90deg 0%')}}
type="button"
variant="white"
@@ -170,8 +170,8 @@
<label for="cZoom">Zoomen</label>
<input id="cZoom" type="range"
min="0"
max="10"
step="0.1"
max="120"
bind:value={cameraZoom}
on:input={slideCameraOrbit}/>
</div>
@@ -211,10 +211,11 @@
src={data.url}
bind:this={modelViewer}
shadow-intensity="50"
touch-action="pan-x"
camera-controls
orientation={`${xRotation}deg ${yRotation}deg ${zRotation}deg`}
camera-target="0m 0m 0m"
camera-orbit = {`${cameraAzimuth}deg ${cameraPolar}deg ${cameraZoom}m`}
camera-orbit = {`${cameraAzimuth}deg ${cameraPolar}deg ${cameraZoom}`}
on:progress={onProgress}
>
<!--Loading-->