... | @@ -220,7 +220,7 @@ const session = await navigator.xr.requestSession("immersive-ar", {requiredFeatu |
... | @@ -220,7 +220,7 @@ const session = await navigator.xr.requestSession("immersive-ar", {requiredFeatu |
|
## Modellladeprogramm hinzufügen
|
|
## Modellladeprogramm hinzufügen
|
|
Derzeit enthält die Szene nur einen farbigen Würfel. Fügen Sie einen Modelllader hinzu, der das Laden von GLTF-Modellen ermöglicht, um das Erlebnis noch interessanter zu machen.
|
|
Derzeit enthält die Szene nur einen farbigen Würfel. Fügen Sie einen Modelllader hinzu, der das Laden von GLTF-Modellen ermöglicht, um das Erlebnis noch interessanter zu machen.
|
|
|
|
|
|
Fügen Sie in Ihrem **<head>**-Tag des Dokuments Three.js** GLTFLoader** ein.
|
|
Fügen Sie in Ihrem **<head>**-Tag des Dokuments Three.js **GLTFLoader** ein.
|
|
|
|
|
|
```
|
|
```
|
|
<!-- three.js -->
|
|
<!-- three.js -->
|
... | @@ -305,7 +305,7 @@ session.addEventListener("select", (event) => { |
... | @@ -305,7 +305,7 @@ session.addEventListener("select", (event) => { |
|
```
|
|
```
|
|
|
|
|
|
## Ergebnis von Tippen zum Platzieren
|
|
## Ergebnis von Tippen zum Platzieren
|
|
Verwenden Sie Ihr Mobilgerät, um zur Seite zu navigieren. Nachdem WebXR die Umgebung aufgenommen hat, sollte das Fadenkreuz auf realen Oberflächen erscheinen. Tippen Sie auf den Bildschirm, um eine Sonnenblume zu platzieren, die von allen Seiten aus betrachtet werden kann.
|
|
Verwenden Sie Ihr Mobilgerät, um zur Seite zu navigieren. Nachdem WebXR die Umgebung aufgenommen hat, sollte das Fadenkreuz auf realen Oberflächen erscheiFnen. Tippen Sie auf den Bildschirm, um eine Sonnenblume zu platzieren, die von allen Seiten aus betrachtet werden kann.
|
|
|
|
|
|
![hit](uploads/4d2ded22b60a5a7a91c11b3d4f33a1ad/hit.gif)
|
|
![hit](uploads/4d2ded22b60a5a7a91c11b3d4f33a1ad/hit.gif)
|
|
|
|
|
... | | ... | |