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