Augmented reality – A magical insight into our area of expertise

Augmented Reality (AR) refers to technology that blends the real world with virtual content, creating new forms of interactive experiences that make the physical environment come to life in unique ways. This technology has rapidly evolved in recent years and is widely used in many fields, particularly in medicine, education, and entertainment.

At onexip, we have been deeply involved in the practical application of various Augmented Reality (AR) technologies for years. Now that we’ve mastered them almost in our sleep, we recently asked ourselves: ‘What could be possible if we used hands as the medium for interaction?’

To test the accuracy and stability of hand tracking using Mediapipe, we quickly put together a small showcase! The result? – A fun and practical example of what’s possible in the world of tracking!

The best part: It not only works, it’s simply magical!

The Technology Behind the Magic

Our showcase is based on the use of Mediapipe Web for precise hand tracking. This allows us to capture and respond to hand movements in real-time. Combined with Three.js, we’ve also integrated a particle system that enables us to effortlessly display sparkling effects—like glitter or other elements—on the user’s hands. Additionally, by implementing it as an Angular web component, our project can easily be integrated into any HTML environment (such as WIX, WordPress, or other Angular applications).

To ensure that video, hand tracking, and particle effects are properly aligned and coordinated, we layer multiple views and precisely align the different coordinate systems. This allows us to seamlessly integrate the various elements and create a harmonious user experience where the visual and interactive components are perfectly synchronized.

Hands-On Experience

Our showcase is not just a demonstration of our technical skills but also an interactive experience that highlights the potential of AR. What today are just small sparkling particles could tomorrow hold unexpected possibilities and new applications.

Curious? Try out our hand tracker yourself: Here’s the link to our HandTrackAR.

We look forward to continuing to showcase what’s possible in the realm of AR—and to making your AR project a reality too!

Frequently Asked Questions:

What is HandTrackAR?

HandTrackAR is an interactive showcase that utilizes Augmented Reality (AR) to track hand movements in real time.

What technology is used?

The application utilizes Mediapipe Web for precise hand tracking and Three.js for particle effects.

Where can I try HandTrackAR?

You can test HandTrackAR on the onexip website.

How does hand tracking work?

The technology captures hand movements and responds to them to create an interactive experience.

What are the applications of AR?

AR is applied in various fields, including medicine, education, and entertainment.

How is the user experience optimized?

By precisely aligning coordinate systems and layering multiple views, seamless integration is ensured.

Is HandTrackAR usable for businesses?

Yes, the AR solution can be integrated into various platforms like WIX and WordPress.

What effects are available?

Currently, sparkling effects like glitter can be displayed. These elements can, of course, be customized in the future based on customer requests and interests. The possibilities are endless. 

Can I book a consultation for my AR project?

Yes, of course, onexip offers free 30-minute consultation sessions.

Where can I find more information?

More information is available on the onexip website.

 

Related Articles

“Intelligent Edge” – AI at the Source

In an increasingly connected world, intelligent systems at the network’s edge – the so-called "Edge" – are gaining rapid importance. The "Intelligent Edge" Implementation Service by Onexip GmbH brings artificial intelligence directly to where data is generated: on...

Software Timing Troubles? Log Your Way to Success!

The Shock of the Year 2022: ChatGPT takes the stage and raises the question of whether AI will dominate software development. Our journey through the emotional rollercoaster of psychological phases, from denial to acceptance, is illuminated in this post by CEO Matthias. Learn how we dealt with the challenge and discover the answer we found to the crucial question. A glimpse into our journey, where we got our hands dirty and developed our own AI model.

The German Angst from a CEO perspective: What AI is not!

The Shock of the Year 2022: ChatGPT takes the stage and raises the question of whether AI will dominate software development. Our journey through the emotional rollercoaster of psychological phases, from denial to acceptance, is illuminated in this post by CEO Matthias. Learn how we dealt with the challenge and discover the answer we found to the crucial question. A glimpse into our journey, where we got our hands dirty and developed our own AI model.

How to start with AI locally on a Computer?

Discover how easy it is to start Artificial Intelligence locally on your computer! Our short guide will walk you through the steps, demonstrating how you can generate images directly on your computer without additional costs.

IONIC 101: Code your own grocery list app with ease.

Learn about developing an app with Ionic and Angular, seamlessly extending to iOS and Android. Explore benefits like Dependency Injection, service management, and Capacitor API integration for native features. Transition effortlessly from web to mobile development with our guidance, creating a versatile app across platforms.