Posts in category wikitude

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 […]