Augmented Reality Police Car

by allisonbouganim in Circuits > Art

5373 Views, 62 Favorites, 0 Comments

Augmented Reality Police Car

PoliceAR
Screen Shot 2017-02-04 at 9.33.08 AM.png

You will follow these 29 steps to making your own AR scene/ image.

-These steps can be applied towards any image, scene, or "floating object".

-100% free and fun.

Download Unity

ogimg.jpg

Download Unity from the https://unity3d.com website.

-Go to "Get Unity Now"

-Personal/Free download

-Download Installer

And proceed with instructions

Download Vuforia

Screen Shot 2017-02-04 at 1.22.04 PM.png

Download The Vuforia SDK File from https://developer.vuforia.com/downloads/sdk

-Click on "Download for Unity"

-Create an Account

-Drag the Vuforia file onto your desktop

Start Your Project

Screen Shot 2017-02-04 at 2.55.09 PM.png

Open up Unity.

-Open New Unity Project

-name project

-create project

Delete the Main Camera

Screen Shot 2017-02-04 at 1.27.30 PM.png

-When you get into the project; delete the Main Camera

Import Vuforia

Screen Shot 2017-02-04 at 1.24.53 PM.png

Drag in the Vuforia Package

-Press import

New Camera

Screen Shot 2017-02-04 at 1.28.51 PM.png

-click the Assets folder

-click the Vuforia folder

-click prefabs

-drag the AR camera to the top left side of the screen (where the main camera once was)

Develop

Screen Shot 2017-02-04 at 1.45.20 PM.png

Go to your web browser and go to the Vuforia Developer Portal

- https://vuforia.com

-Click Dev Portal

-Click Develop

License Key

Screen Shot 2017-02-04 at 1.48.54 PM.png
Screen Shot 2017-02-04 at 1.49.11 PM.png

At the "develop" tab you have to create a license key

-Click add license key

-Copy text from the box

Go Back to Unity

Go back to Unity

Device Tracking

Screen Shot 2017-02-04 at 1.56.02 PM.png

(right side)

-change "world center mode" to Device Tracking

Apply License Key

Screen Shot 2017-02-04 at 1.58.24 PM.png
Screen Shot 2017-02-04 at 1.58.43 PM.png

(Right side)

-Click "Open Vuforia Configuration"

-Paste text where it says "App License Key"

Find Image

Do you know the image you want to use as your AR surface?

-If you don't, find it.

Download Your Image to Vuforia

Screen Shot 2017-02-04 at 2.23.19 PM.png
Screen Shot 2017-02-04 at 2.24.55 PM.png

Go back to your Developer portal

-click "Target Manager"

-Click and make your image target (my target was called Police)

-Add target (you will now upload the image target or image surface that you'd like to use)

For width you can put virtually any number, I always put 5.

-click Add

-upload Target


Select Target

Screen Shot 2017-02-04 at 2.28.01 PM.png
Screen Shot 2017-02-04 at 2.27.27 PM.png

Select Target

-download database

-select "Unity Editor" as your development platform

Drag Your Package Into Unity

Screen Shot 2017-02-04 at 2.29.35 PM.png
Screen Shot 2017-02-04 at 2.30.08 PM.png

Drag your (file) unity package into unity

To do that you will:

-click on your assets folder

-drag the package in

-select "import"

Datasets

Screen Shot 2017-02-04 at 2.31.01 PM.png

Go to "Datasets"

-click "load image file"

-click "activate"

Back to Vuforia Folder

Screen Shot 2017-02-04 at 2.31.36 PM.png

(bottom left side) Go back to Vuforia

-click Vuforia

-click Prefabs

Image Target

Screen Shot 2017-02-04 at 2.32.01 PM.png
Screen Shot 2017-02-04 at 2.32.24 PM.png
Screen Shot 2017-02-04 at 2.32.33 PM.png

Select the blue "Image Target" cube

-drag the cube ONTO the AR camera so it becomes a child (on the top left side)

Image Target Behaviour

Screen Shot 2017-02-04 at 2.32.57 PM.png

Go to: Image Target Behaviour (on the right side)

-go to database

-click targets and sure that's your file

Assets

Screen Shot 2017-02-04 at 2.44.47 PM.png
Screen Shot 2017-02-04 at 2.45.57 PM.png
Screen Shot 2017-02-04 at 2.46.16 PM.png
Screen Shot 2017-02-04 at 2.46.54 PM.png

(left side) Go to assets

-click assets

-click editor

-click QCAR

-click Image Target Textures

-(your) Image_Target (mine was named police)

Click on Your File

Screen Shot 2017-02-04 at 2.58.04 PM.png
Screen Shot 2017-02-04 at 2.58.12 PM.png

Click on your file

(right side)

-change "Texture Type": from Channel to Default

-change "Texture Shape": from Cube to 2D

Apply Image Target

Screen Shot 2017-02-04 at 9.56.29 AM.png
Screen Shot 2017-02-04 at 2.58.42 PM.png

(top right side)

-go to Image Target, press it

-a window should pop up. Press: Apply

Get Object From Asset Store

Screen Shot 2017-02-04 at 2.59.11 PM.png
Screen Shot 2017-02-04 at 2.59.43 PM.png
Screen Shot 2017-02-04 at 3.00.03 PM.png

Once your image loads, go to the Asset store.

-search for an object you want to have in your scene

-chose object

-download object

-Once it downloads, press: Import

Find Folder

Screen Shot 2017-02-04 at 3.00.22 PM.png

Find the new folder where you object is

(I downloaded a police car, so mine says "police car")

Models

Screen Shot 2017-02-04 at 3.00.35 PM.png

Click the new folder where your object is.

-Go to "models"

Go Back to the Main Scene

Screen Shot 2017-02-04 at 3.00.47 PM.png

Bring your screen back to "scene" from the "asset store" window.

Position Your Object

Screen Shot 2017-02-04 at 3.01.05 PM.png
Screen Shot 2017-02-04 at 3.01.15 PM.png

Drag and drop your new object onto the screen

-use the blue, red, and green arrows to position your object

Activate Your Image

Screen Shot 2017-02-04 at 3.02.05 PM.png

Once everything is positioned and scale:

-press the left arrow on the top of your screen to play and activate your image

Time to Play

Screen Shot 2017-02-04 at 9.33.08 AM.png

Now, have fun :)