Posts in category marker

Implementing Native Google Maps in an Ionic Application

thumbnail ionic google maps geolocation copy

Google Maps is the king when it comes to Geolocation and Mapping. Many companies like Uber or Lyft are using Google’s technology to rapidly kickstart awesome applications. In this tutorial we will see how we can quickly create our own application with Ionic’s Google Maps Native plugin.

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.

Integrating a Labeled Marker in an Augmented Reality Ioni...

thumbnail ionic Augmented Reality marker wikitude

The first time I developed an Augmented Reality application I used an (ugly) black and white Marker. This method was very cool and I was totally bluffed by the technology. However, this wasn’t very scalable. Can you imagine how annoying it would be to go around and paint markers everywhere? Nowadays these markers can be integrated by using geolocations, locations of […]