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 @ 5bde7039
:flag_us: Dies ist die englische Version des Tutorials. Sie können die [deutsche Version](https://transfer.hft-stuttgart.de/gitlab/coors/visualization/-/wikis/Create-a-simple-web-AR-application-%5BDe%5D) überprüfen. :flag_us: Dies ist die englische Version des Tutorials. Sie können die [deutsche Version](https://transfer.hft-stuttgart.de/gitlab/coors/visualization/-/wikis/Create-a-simple-web-AR-application-%5BDe%5D) überprüfen.
# **Intro** # **Intro**
## :flag_us: What is AR? ## What is AR?
Augmented reality (AR) is a technology that overlays computer-generated content, such as images, videos, or 3D models, onto the real-world environment in real-time. It allows users to experience a blended reality where virtual elements are integrated with the physical world around them. AR is commonly used in mobile devices, such as smartphones and tablets, but it can also be experienced through wearable devices like smart glasses or headsets. AR can be used in a variety of applications, including gaming, education, retail, advertising, and industrial training, among others. Augmented reality (AR) is a technology that overlays computer-generated content, such as images, videos, or 3D models, onto the real-world environment in real-time. It allows users to experience a blended reality where virtual elements are integrated with the physical world around them. AR is commonly used in mobile devices, such as smartphones and tablets, but it can also be experienced through wearable devices like smart glasses or headsets. AR can be used in a variety of applications, including gaming, education, retail, advertising, and industrial training, among others.
## :flag_us: What you'll build ## What you'll build
In this tutorial, you build a web app that places a model in the real world using augmented reality. Your app will: In this tutorial, you build a web app that places a model in the real world using augmented reality. Your app will:
- Use the target device's sensors to determine and track its position and orientation in the world - Use the target device's sensors to determine and track its position and orientation in the world
- Render a 3D model composited on top of a live camera view - 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 - Execute hit tests to place objects on top of discovered surfaces in the real world
## :flag_us: What you'll need? ## What you'll need?
- A workstation for coding - A workstation for coding
- ARCore-capable Android device running Android 8.0 Oreo - ARCore-capable Android device running Android 8.0 Oreo
- Google Chrome - Google Chrome
......
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