Skip to content
GitLab
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

Create a simple web AR application · Changes

Page history
Update Create a simple web AR application authored May 03, 2023 by Alfakhori's avatar Alfakhori
Hide whitespace changes
Inline Side-by-side
Create-a-simple-web-AR-application.md
View page @ cbc7be38
# Intro
# **Intro**
## :flag_de: Was ist AR?
Augmented Reality (AR) ist eine Technologie, die computer-generierte Inhalte wie Bilder, Videos oder 3D-Modelle in Echtzeit auf die reale Umgebung überlagert. Sie ermöglicht es Benutzern, eine Mischrealität zu erleben, in der virtuelle Elemente mit der physischen Welt um sie herum integriert sind. AR wird häufig in mobilen Geräten wie Smartphones und Tablets verwendet, kann aber auch über tragbare Geräte wie Smart Glasses oder Headsets erlebt werden. AR kann in verschiedenen Anwendungen eingesetzt werden, darunter Gaming, Bildung, Einzelhandel, Werbung und industrielle Schulung, unter anderem.
......@@ -18,7 +18,23 @@ In this tutorial, you build a web app that places a model in the real world usin
- Render a 3D model composited on top of a live camera view
- Execute hit tests to place objects on top of discovered surfaces in the real world
## :flag_de: Was ist AR?
## :flag_us: What is AR?
## :flag_de: Was Sie benötigen werden?
- Eine Arbeitsstation zum Codieren
- Ein ARCore-fähiges Android-Gerät mit Android 8.0 Oreo
- Google Chrome
- Google Play-Dienste für AR installiert (Chrome fordert Sie automatisch zur Installation auf kompatiblen Geräten auf)
- Ein Webserver mit https-Unterstützung
- Grundkenntnisse in HTML, CSS, JavaScript und den Google Chrome Developer Tools.
## :flag_us: What you'll need?
- A workstation for coding
- ARCore-capable Android device running Android 8.0 Oreo
- Google Chrome
- Google Play Services for AR installed (Chrome automatically prompts you to install it on compatible devices)
- A web server with https support
- Basic knowledge of HTML, CSS, JavaScript, and Google Chrome Developer Tools
# **Step 1 - Server**
## :flag_de: Was ist AR?
## :flag_us: What is AR?
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

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