# Example Application

Wikitude gives you a lot of capabilities to build really nice AR experiences. To show all the possibilities, there is an example application that you can use to get ideas for your own project.
You can download the full application here. This version is compatible with Flutter 3.3.1 and Android SDK 33.0.0 After downloading the application, you should be able to open it in VSCode and deploy it to your Android device.

WARNING

We have only made the Android version available. If you need the version for iOS, please contact your teachers.

To launch the AR samples, you need some tracking images. A zip file containing all the images, can be found here.
You can start the application yourself and try it out, but below we also already list all the samples, each with a short explanation and example video. We also list the folder where you can find the example code (in the samples folder).
The previous part of this course explained how to embed the example code in your own Flutter App. We used the dino example for this, but you can of course use the same method for the other examples.

# Image Tracking

Use one or more tracking images to activate the AR experience. The most used and easiest flavor of Wikitude.

# Image on Target

Track an image and show an image on top
Tracking image: pageOne.jpeg
samples/01_ImageTracking_1_ImageOnTarget

# Different Targets

Track multiple images and show the right image
Tracking images: pageOne.jpeg and pageTwo.jpeg
samples/01_ImageTracking_2_DifferentTargets

# HTML Drawable

Track an image and show html content
Tracking image: pageOne.jpeg
samples/01_ImageTracking_4_HtmlDrawable

# Bonus Sparkles

Track an image and show an animated gif
Tracking image: pageOne.jpeg
samples/01_ImageTracking_5_Bonus-Sparkles

We've created a short tutorial about showing animated gifs

# Multiple Targets

Show a 3D model when the tracking image is recognised.

# Multiple Targets

Use multiple tracking images and show a 3D model on each target
Tracking image: multiple-targets.jpg
samples/03_MultipleTargets_1_MultipleTargets

A complete tutorial for this example can be found here

# Distance Between Targets

Use multiple tracking images and start an animation when the distance between targets gets lower then a predefined value
Tracking image: multiple-targets.jpg
samples/03_MultipleTargets_2_DistanceBetweenTargets

We've created a short tutorial about animating 3D models

# Transformation Between Targets

Use multiple tracking images and if dinosaurs are facing each other, one should attack
Tracking image: multiple-targets.jpg
samples/03_MultipleTargets_3_TransformationBetweenTargets

# Cloud Recognition

You won't need Cloud Recognition. It is only useful when you have a lot of target images.
But the examples below can also be used using multiple tracking images

# Single Image Recognition

Use a Scan button to activate the scanning/tracking of an image, show a banner on the tracked image
Tracking images: brazil.jpg, france.jpg, germany.jpg
samples/04_CloudRecognition_1_SingleImageRecognition

# Continuous Image Recognition

Track images continuously, no need to click the scan button
Tracking images: brazil.jpg, france.jpg, germany.jpg
samples/04_CloudRecognition_2_ContinuousImageRecognition

# Using Metainformation in The Response

Open the correct website according the ID of the tracked image to get extra information or place an order
Tracking images: brazil.jpg, france.jpg, germany.jpg
samples/04_CloudRecognition_3_UsingMetainformationInTheResponse

We've also created a short tutorial about how to interact between a Flutter App and a Wikitude AR experience

# Instant Tracking

Instant tracking is an algorithm that, contrary to image tracking, does not aim to recognize a predefined target and start the tracking procedure thereafter, but immediately start tracking in an arbitrary environment.

# Simple Instant Tracking

In the first state the user is required to define the origin of the tracking procedure by simply pointing the device. Once the alignment is found to be satisfactory by the user, the environment is being tracked, which allows for augmentations to be placed within the scene.
No tracking images needed
samples/05_InstantTracking_1_SimpleInstantTracking

# Interactivity

Placing 3D objects in the tracked scene
No tracking images needed
samples/05_InstantTracking_3_Interactivity

# Object Tracking

Object recognition and tracking let you detect objects and entire scenes, like toys, monuments and statues, industrial objects, tools, ...

# Basic Object Tracking

Recognise a fire truck and place 4 cones around it in the 3D world
Tracking object: fire truck
samples/06_ObjectTracking_1_BasicObjectTracking

We've also created a short tutorial about how to do object tracking

# Animated 3D Augmentations

Recognise a fire truck and place 4 cones around it in the 3D world and add some animation
Tracking object: fire truck
samples/06_ObjectTracking_3_Animated3dAugmentations

We've also created a short tutorial about how to implement 3D animation

# 3D Models

Add a 3D Model to the world when tracking an image

# Model on Target

Put a 3D Model on an image target
Tracking image: carAd.jpg
samples/07_3dModels_1_3dModelOnTarget

# Appearing Animation

Let the car appear with a fancy popup effect
Tracking image: carAd.jpg
samples/07_3dModels_2_AppearingAnimation

# Animated Model Parts

Animate some parts of the model when activated
Tracking image: carAd.jpg
samples/07_3dModels_2_AppearingAnimation

# 3D Model at Geolocation

Placing a 3D model at a geolocation
No tracking image needed
samples/07_3dModels_6_3dModelAtGeoLocation

# Point of Interest

If you want to place an augmented object at any kind of location then you need to use GeoLocation services. A GeoLocation consists of latitude and longitude.

# POI at Location

Placing label at a Geolocation
No tracking image needed
samples/08_PointOfInterest_1_PoiAtLocation

# Multiple POIs

Placing multiple labels at a geolocation
No tracking image needed
samples/08_PointOfInterest_3_MultiplePois

# Video

Videos in an augmented reality scene are an effective way to provide a spectacular experience to your users.

# Simple Video

Playing a video on top of the tracking image
Tracking image: pageOne.jpeg
samples/11_Video_1_SimpleVideo