Skip to content
GitLab
    • Explore Projects Groups Snippets
Projects Groups Snippets
  • /
  • Help
    • Help
    • Support
    • Community forum
    • Submit feedback
  • Sign in
  • V Visualization
  • Project information
    • Project information
    • Activity
    • Labels
    • Members
  • Repository
    • Repository
    • Files
    • Commits
    • Branches
    • Tags
    • Contributors
    • Graph
    • Compare
    • Locked Files
  • Merge requests 0
    • Merge requests 0
  • CI/CD
    • CI/CD
    • Pipelines
    • Jobs
    • Schedules
  • Deployments
    • Deployments
    • Environments
    • Releases
  • Packages and registries
    • Packages and registries
    • Package Registry
    • Infrastructure Registry
  • Analytics
    • Analytics
    • Value stream
    • CI/CD
    • Code review
    • Insights
    • Issue
    • Repository
  • Wiki
    • Wiki
  • Snippets
    • Snippets
  • Activity
  • Graph
  • Jobs
  • Commits
Collapse sidebar
  • Volker Coors
  • Visualization
  • Wiki
  • Create a simple web AR application [De]

Create a simple web AR application [De] · Changes

Page history
Update Create a simple web AR application [De] authored 2 years ago by Alfakhori's avatar Alfakhori
Hide whitespace changes
Inline Side-by-side
Showing
with 2 additions and 2 deletions
+2 -2
Create-a-simple-web-AR-application-[De].md
View page @ 43b312f7
...@@ -288,7 +288,7 @@ if (hitTestResults.length > 0 && reticle) { ...@@ -288,7 +288,7 @@ if (hitTestResults.length > 0 && reticle) {
## Interaktionen durch Tippen hinzufügen ## Interaktionen durch Tippen hinzufügen
**XRSession** erhält **select**-Ereignisse, wenn der Nutzer eine primäre Aktion ausführt. In einer AR-Sitzung entspricht dies einem Tippen auf den Bildschirm. **XRSession** erhält **select**-Ereignisse, wenn der Nutzer eine primäre Aktion ausführt. In einer AR-Sitzung entspricht dies einem Tippen auf den Bildschirm.
Wenn der Nutzer auf den Bildschirm tippt, fügen Sie während der Initialisierung den folgenden Code hinzu: Wenn der Nutzer auf den Bildschirm tippt, fügt der Nutzer während der Initialisierung den folgenden Code hinzu:
``` ```
let flower; let flower;
loader.load("https://immersive-web.github.io/webxr-samples/media/gltf/sunflower/sunflower.gltf", function(gltf) { loader.load("https://immersive-web.github.io/webxr-samples/media/gltf/sunflower/sunflower.gltf", function(gltf) {
...@@ -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 ein Verständnis für die Umgebung aufgebaut 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 erscheinen. 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)
......
Clone repository
  • Create a simple web AR application [De]
  • Create a simple web AR application
  • Exercise for Multiresolution Models
    • Feature manipulation engine (FME)
    • Introduction
    • Open source datasets
    • Visualization with ArcGIS
    • Visualization with CesiumJS
    • Visualization with Deck.gl
  • FME
  • OGC API 3D GeoVolume
  • Project_1
  • Styling of 3D building models by Attributes
  • Three.js 101 : Hello World!
  • Useful tools
  • Visualization of Bike Sharing Data
View All Pages

Menu

Explore Projects Groups Snippets

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