Skip to content
GitLab
"git@transfer.hft-stuttgart.de:ugl/website.git" did not exist on "050d1c24edfca6106ad402afe2fb40bf185c6533"
Commit fdad1fef authored by Percen's avatar Percen
Browse files

Merge branch '21pesi1bif-master-patch-30824' into 'master' 

Update public/index.html

See merge request geovistoogsi/ar!106
parents f2725b31 7aafa751
Hide whitespace changes
Inline Side-by-side
public/index.html
View file @ fdad1fef
...@@ -143,18 +143,16 @@ ...@@ -143,18 +143,16 @@
</head> </head>
<body> <body>
<div id="status"></div>
<div id="menu-bar"> <div id="menu-bar">
<div class="menu-item active" id="robot-item" onclick="selectModel('robot')"> <div class="menu-item active" id="robot-item" onclick="selectModel('robot')">
<img src="previewImages/robot.png" alt="Roboter" style="width: 50px; height: 50px;"> <img src="previewImages/robot.png" alt="Roboter" style="width: 50px; height: 50px;">
</div> </div>
<div class="menu-item" id="sunflower-item" onclick="selectModel('sunflower')">
<img src="previewImages/sunflower.png" alt="Sonnenblume" style="width: 50px; height: 50px;">
</div>
<div class="menu-item" id="lantern-item" onclick="selectModel('tree')"> <div class="menu-item" id="lantern-item" onclick="selectModel('tree')">
<img src="previewImages/tree.png" alt="Baum" style="width: 50px; height: 50px;"> <img src="previewImages/tree.png" alt="Baum" style="width: 50px; height: 50px;">
</div> </div>
<div class="menu-item" id="zipModel-item" onclick="selectModel('zipModel')">
<img src="previewImages/zipModel.png" alt="zipModel" style="width: 50px; height: 50px;">
</div>
<div class="menu-item" id="exit-item" onclick="exitAR()"> <div class="menu-item" id="exit-item" onclick="exitAR()">
<img src="previewImages/exit.png" alt="Exit" style="width: 50px; height: 50px;"> <img src="previewImages/exit.png" alt="Exit" style="width: 50px; height: 50px;">
</div> </div>
...@@ -188,22 +186,6 @@ ...@@ -188,22 +186,6 @@
console.log(`Modell ausgewählt: ${selectedModel}`); console.log(`Modell ausgewählt: ${selectedModel}`);
updateMenu(); updateMenu();
} }
async function loadAndUnpackZip(zipUrl) {
const response = await fetch(zipUrl);
const buffer = await response.arrayBuffer();
const zip = await JSZip.loadAsync(buffer);
const files = {};
for (const filename of Object.keys(zip.files)) {
if (!zip.files[filename].dir) {
const content = await zip.files[filename].async('blob');
files[filename] = URL.createObjectURL(content);
}
}
return files;
}
async function activateXR() { async function activateXR() {
const canvas = document.createElement('canvas'); const canvas = document.createElement('canvas');
...@@ -221,30 +203,6 @@ ...@@ -221,30 +203,6 @@
light.position.set(10, 10, 10); light.position.set(10, 10, 10);
scene.add(light); scene.add(light);
// Dynamisches Laden eines Modells aus ZIP-Datei
const status = document.getElementById('status');
status.textContent = "Lade Modell aus ZIP-Datei...";
try {
const zipUrl = './assets/models/city_trash_can.zip'; // Relativer Pfad zur ZIP-Datei
const files = await loadAndUnpackZip(zipUrl);
const gltfFile = Object.keys(files).find((filename) => filename.endsWith('.gltf'));
if (!gltfFile) {
throw new Error('Keine glTF-Datei in der ZIP gefunden.');
}
loader.load(files[gltfFile], (gltf) => {
const zipModel = gltf.scene;
zipModel.scale.set(0.5, 0.5, 0.5); // Skaliere das Modell
scene.add(zipModel);
status.textContent = "Modell erfolgreich geladen!";
});
} catch (error) {
console.error('Fehler beim Laden der ZIP-Datei:', error);
status.textContent = "Fehler beim Laden der ZIP-Datei.";
}
// Reticle (Cursor) // Reticle (Cursor)
const loader = new THREE.GLTFLoader(); const loader = new THREE.GLTFLoader();
loader.load("https://immersive-web.github.io/webxr-samples/media/gltf/reticle/reticle.gltf", (gltf) => { loader.load("https://immersive-web.github.io/webxr-samples/media/gltf/reticle/reticle.gltf", (gltf) => {
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment

Dies ist die Gitlab-Instanz des Transferportals der Hochschule für Technik Stuttgart. Hier geht es zurück zum Portal