Augmented Reality – Ein magischer Einblick in unser Spezialgebiet

von | 9. Okt. 2024

 Augmented Reality (AR) bezeichnet Technologie, die die reale Welt mit virtuellen Inhalten verschmelzen lässt, wodurch oftmals neue Formen von interaktiven Erfahrungen entstehen, die die physische Umgebung auf besondere Weise erlebbar machen. Diese Technologie hat sich in den letzten Jahren rasant weiterentwickelt und findet in vielen Bereichen bereits weite Anwendung, darunter insbesondere in der Medizin, im Bildungswesen sowie in der Unterhaltungsbranche.

Auch wir bei onexip beschäftigen uns seit Jahren intensiv mit der praktischen Umsetzung verschiedener Augmented Reality (AR) Technologien. Nachdem wir diese inzwischen fast schon im Schlaf beherrschen, haben wir uns kürzlich gefragt: ‚Was wäre möglich, wenn wir die Hände als Interaktionsmedium nutzen würden?‘

Um die Genauigkeit sowie Stabilität des Handtracking mittels Mediapipe zu testen, haben wir kurzerhand einen kleinen Showcase erstellt! Das Ergebnis? – Ein unterhaltsames sowie praxisnahes Beispiel für die Möglichkeiten im Bereich des Trackings!

Das Beste daran: Es funktioniert nicht nur, es ist schlichtweg magisch! 

Die Technik hinter der Magie

Unser Showcase basiert auf der Verwendung von Mediapipe Web für das präzise Hand-Tracking. Dadurch wird es möglich, die Bewegungen der Hände in Echtzeit zu erfassen und darauf zu reagieren. In Kombination mit Three.js haben wir zusätzlich ein Partikelsystem integriert, das es uns ermöglicht, mit geringem Aufwand funkelnde Effekte – wie Glitzer oder andere Elemente – an den Händen des Nutzers darstellen zu lassen. Darüber hinaus sorgt die Umsetzung als Angular-Web-Component dafür, dass unser Projekt problemlos in jede beliebige HTML (bspw. in WIX, WordPress, andere Angular-Anwendungen) integriert werden kann.

Damit Video, Handtracking und Partikeleffekte richtig zueinander ausgerichtet und aufeinander abgestimmt sind, schichten wir mehrere Ansichten und richten dabei die verschiedenen Koordinatensysteme präzise aufeinander aus. Dies ermöglicht uns, eine nahtlose Integration der unterschiedlichen Elemente zu gewährleisten sowie eine harmonische Nutzererfahrung zu schaffen, bei der die visuellen und interaktiven Komponenten perfekt miteinander synchronisiert sind.

Hands-On Augmented Reality erleben

Unser Showcase ist nicht nur eine Demonstration unserer technischen Fähigkeiten, sondern auch ein interaktives Erlebnis, das die Möglichkeiten der AR aufzeigt. Was heute nur kleine glitzernde Partikel sind, hält morgen bereits weitere ungeahnte Möglichkeiten und Einsatzgebiete bereit.

Neugierig geworden? Probiere unseren Handtracker doch selbst aus: Hier gehts zur HandTrackAR.

Wir freuen uns darauf, weiterhin zu zeigen, was im Bereich AR möglich ist – und darauf, auch Dein AR-Projekt Wirklichkeit werden zu lassen!

Häufig gestellte Fragen:

Was ist HandTrackAR?

HandTrackAR ist ein interaktives Showcase, das Augmented Reality (AR) nutzt, um die Bewegungen der Hände in Echtzeit zu verfolgen.

Welche Technologie wird verwendet?

Die Anwendung nutzt Mediapipe Web für präzises Hand-Tracking und Three.js für Partikeleffekte.

Wo kann ich HandTrackAR ausprobieren?

Du kannst HandTrackAR auf der onexip-Webseite testen.

Wie funktioniert das Hand-Tracking?

Die Technologie erfasst Handbewegungen und reagiert darauf, um ein interaktives Erlebnis zu schaffen.

Was sind die Einsatzmöglichkeiten von AR?

AR findet Anwendung in zahlreichen Bereichen wie u.a. in der Medizin, Bildung und Unterhaltung.

Wie wird die Benutzererfahrung optimiert?

Durch präzise Ausrichtung von Koordinatensystemen und das Schichten mehrerer Ansichten wird eine nahtlose Integration gewährleistet.

Ist HandTrackAR für Unternehmen nutzbar?

Ja, die AR-Lösung kann in verschiedene Plattformen wie WIX und WordPress integriert werden.

Welche Effekte sind verfügbar?

Aktuell sind funkelnde Effekte wie Glitzer darstellbar. Diese Elemente können natürlich in Zukunft auch auf  Kundenwünschen und Interessen angepasst werden können. Die Möglichkeiten sind grenzenlos. 

Kann ich eine Beratung für mein AR-Projekt buchen?

Ja klar, onexip bietet kostenlose 30-minütige Beratungssitzungen an.

Wo finde ich weitere Informationen?

Weitere Informationen sind auf der onexip-Webseite verfügbar.

 

Weitere Blogbeiträge

Revolutionary Vision

Revolutionary Vision: Hochperformante Einbindung von Industriekameras in Electron-Apps? Ein Praxisbericht.

Erfahre, wie du leistungsstarke industrielle Kameras nahtlos in Electron-Anwendungen integrierst. Martin Spindler teilt praxisnahe Einblicke, wie er Bildverarbeitung mit der Baumer VLU-02M Kamera effizient in Electron realisiert hat. Von der Nutzung von C++ für schnelle Datenverarbeitung bis zur Implementierung von IPC-Mechanismen für stabile Bildausgabe – dieser Beitrag zeigt, wie du hochperformante Bildverarbeitung mit flexiblen webbasierten Frameworks kombinierst. Entdecke die Potenziale für innovative Anwendungen und Lösungen in der industriellen Bildverarbeitung mit Electron.

Zeitmaschinen in der Software-Entwicklung

Stell dir vor, du könntest durch die Zeit reisen und die Fehler der Vergangenheit korrigieren - und das ohne eine Zeitmaschine. In der Welt der Softwareentwicklung haben wir genau das: Zeitmaschinen, die uns helfen, die Probleme der Vergangenheit zu analysieren und...

The German-Angst aus Sicht eines CEO: Was KI nicht ist!

Der Schock des Jahres 2022: ChatGPT betritt die Bühne und stellt die Frage, ob KI die Softwareentwicklung dominieren wird. Unsere Reise durch die emotionale Achterbahn der psychologischen Phasen, von der Verleugnung bis zur Akzeptanz, wird in diesem Beitrag von CEO Matthias beleuchtet. Erfahre in unserem Blogbeitrag, wie wir mit der Herausforderung umgegangen sind, und entdecke unsere Antwort, die wir auf die entscheidende Frage gefunden haben. Hier erhältst du einen Einblick in unsere Reise, bei der wir uns die Hände schmutzig gemacht und unser eigenes KI-Modell entwickelt haben.

The German-Angst aus Sicht eines CEO: wird KI die Softwareentwicklung übernehmen?

Der Schock des Jahres 2022: ChatGPT tritt auf die Bühne und stellt die Frage, ob KI die Softwareentwicklung dominieren wird. Unsere Reise durch die emotionale Achterbahn der psychologischen Phasen, von der Verleugnung bis zur Akzeptanz, wird in diesem Beitrag des CEO Matthias beleuchtet. Erfahren Sie, wie wir mit der Herausforderung umgegangen sind, und entdecken Sie die Antwort, die wir auf die entscheidende Frage gefunden haben.

Wie startet man KI lokal auf dem Rechner?

Entdecke, wie einfach es ist, Künstliche Intelligenz lokal auf dem Rechner zu starten! Unser kurzer Guide führt dich durch die Schritte, und wir zeigen, wie du Bilder ohne zusätzliche Kosten direkt auf deinem Computer generieren kannst.

Von Null auf IONIC: Code mit Leichtigkeit deine Einkaufslisten-App

Lerne mehr über die Entwicklung einer App mit Ionic und Angular, die mühelos auf iOS und Android erweitert wird. Entdecke die Vorteile von Dependency Injection, Service-Management und Capacitor-API-Integration für native Funktionen. Mit unseren Anleitungen wechselst du leicht von Web- zu mobiler Entwicklung und erstellst eine vielseitige App für verschiedene Plattformen.