Posts in category wikitude

Implementing Wikitude’s Instant Tracking in an Ionic appl...

thumbnail ionic augmented reality wikitude intro

If you are a beginner, you should have a look at the previous tutorials (here and there). So far, tracking wise we have seen how to display information by using: The user’s geolocation An image An object But, what if we just want to display an object without using any complex mechanism? Two words: Instant Tracking. In this tutorial we will use […]

Using Wikitude’s Object Tracking in an Ionic application

thumbnail ionic augmented reality wikitude intro

Augmented Reality (aka AR) is all about adding virtual objects to our world. The ultimate goal is to add those virtual objects on every real life object. Wikitude makes this process quite simple and we are going to implement it in an Ionic application.

Using Wikitude’s Image Recognition in an Ionic appl...

thumbnail ionic augmented reality wikitude intro

First of all I’d like to thank the Wikitude company for the license key they provided to me. I’ll soon update the previous demo gifs to remove the trial watermarks! In this tutorial we will use Wikitude’s image recognition feature to display a new image in our Ionic AR application.

Action Range and spooky Sounds in an AR Ionic app with Wi...

thumbnail ionic Augmented Reality wikitude action range logs

Augmented Reality worlds bring more possibilities than traditional websites. In a previous tutorial, we only triggered actions when the user selected a marker, this a basic interaction: user clicks on something, something else happens. In this tutorial we will create an ActionRange which will trigger an alarm sound as soon as the user enters an area: our Danger Zone ;).

Logging and Displaying Real-Time Distance in an AR Ionic ...

thumbnail ionic Augmented Reality animation wikitude

We are human and can make mistakes. When it comes to debugging an application, logging is the most important feature to detect them. Let’s be honest, I have been carried away by this awesome AR technology and should have done this tutorial a while ago (mea culpa). We will get this done in this tutorial. Alongside with real-time distance tracking. Having the […]

Parallel Animations in an AR Ionic App using Wikitude

thumbnail ionic Augmented Reality animation wikitude

As I said in a previous Angular 2 tutorial. Animations can make or break your UX. Too much of them and your application looks like a Vegas Casino (although this can be an interesting idea for an Augmented Reality application). None and your app will be missing the little spark to make it stand out. In this tutorial we have a look at how to […]

Marker Selection and Property Modification in an Augmente...

thumbnail ionic Augmented Reality marker wikitude

Having some Markers is cool, but we need to be able to modify them! In this tutorial we dive into some basic modifications by changing the content and associating a new image when tapping on a Marker.

Injecting Objects in an Augmented Reality Ionic App using...

thumbnail ionic augmented reality wikitude intro

Injecting objects into our world (or vice-versa) is the main goal of Augmented Reality. Those elements can be of different types. Images, videos, sounds, whatever media you want. Let’s see how we can do this in Ionic using a Wikitude file.

Augmented Reality in Ionic 3 using Wikitude

thumbnail ionic augmented reality wikitude intro

Augmented Reality will be a turning point in the coming years. Trends are making economy and new trends means new opportunities. Nobody knew a decade ago that millions of people would use a phone to get an Uber or swipe right to meet someone. There are even rumors about the iPhone 8 Augmented Reality features. Today’s tuts is an introduction to Wikitude, an […]

Ionic 3 and Cordova Native plugins installation

thumbnail Ionic Cordova plugins

Plugins: one word that totally changed the landscape of programming. Can you imagine 10 years ago when developers had to code everything from zero? Now people push their plugins, we install them using npm and the documentation is here to help us. However, mobile development is evolving very fast: AngularJS, Angular 2, Angular 4, Ionic, Ionic 2, Ionic 3. It takes a […]