Augmented Reality has minimizes the distances of imaginary and real world. In this tutorial you will learn to Display YouTube Video on an image target. The video below will help you for better understanding of this blog.

For better understanding make sure to read the previous blogs i.e. DISPLAY 3D MODEL ON IMAGE TARGET USING VUFORIA IN UNITY3D and DISPLAY VIDEO ON AN IMAGE TARGET USING VUFORIA IN UNITY 3D.

Create a new unity project:

In augmented reality creating a new unity project requires some of the things to be done. For creating a new unity project you need to write project name and then click on create project.

Adding new image:

For adding a new image target you need to go to vuforia engine. After going to vuforia engine click on image and re position it. Now go to vuforia portal. For opening vuforia developer portal make sure that you are sign in. Click on develop and after that go to click on target manager. For adding the target click on single image. Now choose the image by clicking on the browse button, then add certain width and rename it. Then click on add.

Scene Setting:

Now we have to set scene for augmented reality. For that you have to delete main camera and add AR camera and image. As you can see this warning sign, go to build settings then go to player settings. Go to the bottom click on XR settings and check the vuforia augmented reality.

Downloading the database:

Now download that data base. Click on unity editor then click on download. When it is downloaded drag it to the unity timeline put it in assets. Make sure that all the items are selected and click on import. Go to image target and select your database. Now you can see your image has loaded.

YouTube video plugin:

Now what we have to do is to display YouTube video on an image target. For that we need a YouTube video plugin. The link of YouTube video plugin is available here. You can buy YouTube video plugin from it.

Importing the YouTube video plugin:

Drag the YouTube video plugin in unity and import it. Now click on console and click on clear. You can see an error here and double click on it.

Change the “LOW” word into “STANDARD”. Now press Ctrl S to save. We need to go back to unity. Now in Assets. Click on the plugin folder “Light Shaft” and go to resources.

In the resources go to prefabs and then click on YouTube player. Now crop it in image target.

Settings positions and rotations:

We need to set its positions and rotations. All x,y and z axis are set as 0 in the rotations and positions. Now click in YouTube player and then click on Video Render Area and make the positions x,y and z axis as 0.

Go to Canvas and make the rotations x,y and z axis as 0. We need to set the positions of Y axis as 0.01 in YouTube player.

Now we need to rotate it also. Set the y axis of rotation as 180. You can set it according to your choice as well. Now paste a YouTube URL that you want to display on an image target in the YouTube player URL.

Scanning the image target:

Now the thing is when we will scan the image target video will start playing but when the target is lost video will not stop. Video will continue playing in the background. Thus, we will continue listening to the sounds of the video. So, in order to avoid that we need to code few lines. So, go to create and click on C# script and name it as track able event handler. Open this file by double clicking on it.

Coding of track able event handler:

The code of this track able event handler file is totally same as to the default track able event handler file that is attached to our image target. We will open this file. We only have to do few minor changing in code. Press Ctrl A and then Ctrl C and paste it to the track able event handler file.

Now in the track able event handler file delete the default placed code and press Ctrl V to paste the default track able event handler code in this file. Coding of track able event handler:heck the name of the file which is track able event handler file and give the same name to the class.

Adding unity engine event:

So, basically what we have to change in this file is that we are going to add unity engine event. So, we will be using codes as:

using Unity Engine. Events;

Declaring public variables:

We need to declare two public variables onTrack and onLost.

public UnityEvent onTrack;

public UnityEvent onLost;

The event onTrack needs to be called when tracking is found. So, here we will write

onTrack.Invoke();

The second unity event onLost needs to be called when tracker is lost. So, here we will write

onLost.Invoke();

Adding track able event handler:

Now in image target we have to declare this delete this default track able event handler and add the track able event handler . Now in these events click on + in onTrack () and drop in the youtube player here. Click on + in on Lost in the YouTube player here.

Selecting functions:

Select YouTube player from the drop down and select play () function. Select YouTube player from the drop down and select pause() or stop() function according to your choice.

Export Application:

From top menu click on file, then click on build settings. Check the platform is android if not switch it. And then click on add open scenes. Now click on player settings. Go to other settings. Change the package name according to your choice. Unchecked x86 and Android TV compatibility. Change the stripping level to low. Click on XR settings and make sure vuforia augmented reality is selected. And then you can insert the icon of your app. That’s all for settings now connect your android mobile with your computer and click on build and run. Now name it and save it.

Augmenting digital and real life together augmented reality is used. In this tutorial you will learn to display text on an image target or marker using vuforia in unity 3D. The video below will help you for better understanding of this blog.

For better understanding make sure to read the previous blogs i.e. DISPLAY 3D MODEL ON IMAGE TARGET USING VUFORIA IN UNITY3D , and DISPLAY IMAGE ON AN IMAGE TARGET OR MARKER USING VUFORIA.

Create a new unity project:

In augmented reality creating a new unity project requires some of the things to be done. For creating a new unity project you need to write project name and then click on create project.

Adding new image:

For adding a new image target you need to go to vuforia engine. After going to vuforia engine click on image and re position it. Now go to vuforia portal. For opening vuforia developer portal make sure that you are sign in. Click on develop and after that go to click on target manager. For adding the target click on single image. Now choose the image by clicking on the browse button, then add certain width and rename it. Then click on add.

Scene Setting:

Now we have to set scene for augmented reality. For that you have to delete main camera and add AR camera and image. As you can see this warning sign, go to build settings then go to player settings. Go to the bottom click on XR settings and check the vuforia augmented reality.

Downloading the database:

Now download that data base. Click on unity editor then click on download. When it is downloaded drag it to the unity timeline put it in assets. Make sure that all the items are selected and click on import. Go to image target and select your database. Now you can see your image has loaded.

Adding text on an image target:

Now we need to drag the downloaded in unity. Click on import and go to the image target and name it. Make sure that your image target is selected. Now right click on the image target and go to 3D object select 3D text.

Now, I am scaling it as 0.005 with x, y and z axis. Same scale size with all the three axis. Now you can see that Arial font is selected and we can not do changes with Arial. So, we have to select another text. So, go to format. I am selecting Source Sanserif font.

Click on selected font and give it 300 font size and change the character to Unicode and click on apply.

Now click on apply and then go to New text and add text of your choice and rotate it 90 degrees. After rotating positioning the text.

Export Application :

From top menu click on file, then click on build settings. Check the platform is android if not switch it. And then click on add open scenes. Now click on player settings. Go to other settings. Change the package name according to your choice. Unchecked x86 and Android TV compatibility. Change the stripping level to low. Click on XR settings and make sure vuforia augmented reality is selected. And then you can insert the icon of your app. That’s all for settings now connect your android mobile with your computer and click on build and run. Now name it and save it.

In real world to augment virtual objects augmented reality is used. In this tutorial you will learn to Play audio on an image target using vuforia in unity 3D. The video below will help you for better understanding of this blog.

For better understanding make sure to read the previous blogs i.e. DISPLAY 3D MODEL ON IMAGE TARGET USING VUFORIA IN UNITY3D ,DISPLAY IMAGE ON AN IMAGE TARGET OR MARKER USING VUFORIA and DISPLAY VIDEO ON AN IMAGE TARGET OR MARKER USING VUFORIA IN UNITY 3D.

Create a new unity project:

In augmented reality creating a new unity project requires some of the things to be done. For creating a new unity project you need to write project name and then click on create project.

Adding new image:

For adding a new image target you need to go to vuforia engine. After going to vuforia engine click on image and re position it. Now go to vuforia portal. For opening vuforia developer portal make sure that you are sign in. Click on develop and after that go to click on target manager. For adding the target click on single image. Now choose the image by clicking on the browse button, then add certain width and rename it. Then click on add.

Scene Setting:

Now we have to set scene for augmented reality. For that you have to delete main camera and add AR camera and image. As you can see this warning sign, go to build settings then go to player settings. Go to the bottom click on XR settings and check the vuforia augmented reality.

Downloading the database:

Now download that data base. Click on unity editor then click on download. When it is downloaded drag it to the unity timeline put it in assets. Make sure that all the items are selected and click on import. Go to image target and select your database. Now you can see your image has loaded.

Importing the audio clip:

Now as we want to play audio on an image target. Go to audio and then audio source. Let’s import it in unity first and drag this into the audio clip section.

Playing the audio:

We want to play the audio only when the image target is visible. So unchecked the play on awake. If you want to loop the audio means you want to play the audio again and again when it ends. So, check the loop checkbox. We want to play audio only when the target image is found and we want to stop the audio when the image target is lost.

Coding of track able event handler:

The code of this track able event handler file is totally same as to the default track able event handler file that is attached to our image target. We will open this file. We only have to do few minor changing in code. Press Ctrl A and then Ctrl C and paste it to the track able event handler file.

Now in the track able event handler file delete the default placed code and press Ctrl V to paste the default track able event handler code in this file. Coding of track able event handler:heck the name of the file which is track able event handler file and give the same name to the class.

Adding unity engine event:

So, basically what we have to change in this file is that we are going to add unity engine event. So, we will be using codes as:

using Unity Engine. Events;

Declaring public variables:

We need to declare two public variables onTrack and onLost.

public UnityEvent onTrack;

public UnityEvent onLost;

The event onTrack needs to be called when tracking is found. So, here we will write

onTrack.Invoke();

The second unity event onLost needs to be called when tracker is lost. So, here we will write

onLost.Invoke();

Play, stop and pause audio:

Save the file. Now attach this code to the image target and delete the default attached component. After that you will see the two events which are the public events that we have initialized onTrack and onLost. Click on the + icon in onTrack event. Here onTrack event drag the audio source. OnTrack we want to play the audio, audio source.play() and onLost repeat the same steps. Drag the audio source and go to audio source.pause() or audio source.stop().

Export Application :

From top menu click on file, then click on build settings. Check the platform is android if not switch it. And then click on add open scenes. Now click on player settings. Go to other settings. Change the package name according to your choice. Unchecked x86 and Android TV compatibility. Change the stripping level to low. Click on XR settings and make sure vuforia augmented reality is selected. And then you can insert the icon of your app. That’s all for settings now connect your android mobile with your computer and click on build and run. Now name it and save it.

Augmented Reality leads us to the combined path of digital and the virtual world. In this tutorial you will learn to Display Video on an image target. The video below will help you for better understanding of this blog.

For better understanding make sure to read the previous blogs i.e. DISPLAY 3D MODEL ON IMAGE TARGET USING VUFORIA IN UNITY3D and DISPLAY IMAGE ON AN IMAGE TARGET OR MARKER USING VUFORIA .

Create a new unity project:

In augmented reality creating a new unity project requires some of the things to be done. For creating a new unity project you need to write project name and then click on create project.

Adding new image:

For adding a new image target you need to go to vuforia engine. After going to vuforia engine click on image and re position it. Now go to vuforia portal. For opening vuforia developer portal make sure that you are sign in. Click on develop and after that go to click on target manager. For adding the target click on single image. Now choose the image by clicking on the browse button, then add certain width and rename it. Then click on add.

Scene Setting:

Now we have to set scene for augmented reality. For that you have to delete main camera and add AR camera and image. As you can see this warning sign, go to build settings then go to player settings. Go to the bottom click on XR settings and check the vuforia augmented reality.

Downloading the database:

Now download that data base. Click on unity editor then click on download. When it is downloaded drag it to the unity timeline put it in assets. Make sure that all the items are selected and click on import. Go to image target and select your database. Now you can see your image has loaded.

Display video on an image target:

So, we will go to our target then click on 3D object and move to plane. After clicking on plane resize it to fit on image target.

Adding video player:

Our next step is to add video player on this plane object. We need to go to add component then click on it and after clicking on it type video player on it. then go to video player by clicking on it. Lets import a video clip, now for importing video clip drag video clip into the unity. After dragging click on plane and then go to video player. Drag the video into the video player. Now unchecked the play on awake. We don’t want to play the video as play on awake because we want to play it only when the target image is visible through camera. If you want to make the video loop you can select loop other wise unchecked loop. In case of loop its totally your choice whether you select loop or does not select loop it doesn’t matter.

Scanning the image target:

Now the thing is when we will scan the image target video will start playing but when the target is lost video will not stop. Video will continue playing in the background. Thus, we will continue listening to the sounds of the video. So, in order to avoid that we need to code few lines. So, go to create and click on C# script and name it as track able event handler. Open this file by double clicking on it.

Coding of track able event handler:

The code of this track able event handler file is totally same as to the default track able event handler file that is attached to our image target. We will open this file. We only have to do few minor changing in code. Press Ctrl A and then Ctrl C and paste it to the track able event handler file.

Now in the track able event handler file delete the default placed code and press Ctrl V to paste the default track able event handler code in this file. Coding of track able event handler:heck the name of the file which is track able event handler file and give the same name to the class.

Adding unity engine event:

So, basically what we have to change in this file is that we are going to add unity engine event. So, we will be using codes as:

using Unity Engine. Events;

Declaring public variables:

We need to declare two public variables onTrack and onLost.

public UnityEvent onTrack;

public UnityEvent onLost;

The event onTrack needs to be called when tracking is found. So, here we will write

onTrack.Invoke();

The second unity event onLost needs to be called when tracker is lost. So, here we will write

onLost.Invoke();

Play, stop and pause video:

Save the file. Now attach this code to the image target and delete the default attached component. After that you will see the two events which are the public events that we have initialized onTrack and onLost. Click on the + icon in onTrack event. Now drop the plane game object. Click on the function and go to video player and select Play() as we want to play video when target is found. No drop the plane game object. Click on the function and go to video player and select Pause() or Stop(). As we want to pause or stop video when target is lost.

Export Application:

From top menu click on file, then click on build settings. Check the platform is android if not switch it. And then click on add open scenes. Now click on player settings. Go to other settings. Change the package name according to your choice. Unchecked x86 and Android TV compatibility. Change the stripping level to low. Click on XR settings and make sure vuforia augmented reality is selected. And then you can insert the icon of your app. That’s all for settings now connect your android mobile with your computer and click on build and run. Now name it and save it.

Augmented Reality is used to augment virtual objects in real world. For augmented reality we will use vuforia in unity 3D. In this blog we are going to learn about displaying 3D model on image target using vuforia in unity 3D

Create a new unity project:

Creating a new unity project requires some of the things to be done. For creating a new unity project write project name and then click on create project.

Scene Settings:

Now we have to set scene for augmented reality. For that you have to delete main camera and add AR camera and image. As you can see this warning sign, go to build settings then go to player settings. Go to the bottom click on XR settings and check the vuforia augmented reality.

For better understanding you may like to watch video tutorial on this topic in that case you can watch our YouTube video.

Open vuforia developer portal:

For opening vuforia developer portal make sure that you are sign in. Click on develop, then click on get development key. Name it as you want, now check the box bellow and click on confirm. Click on the file which you have named earlier. Copy on license by simple clicking on it.

Creating Database:

After copying license key you need to go back to unity. Go to AR camera, open vuforia configuration. Paste the license key there. Click on target manager. Click on add database, select the type and name the database. After that click on create. Click on the file which you have named earlier.

Adding target:

Click on add target after that click on Browse and select image target on which you want to augment 3d model. Add width of your choice and write the augmented reality image name. We do not need to upload metadata so skip that and confirm.

Downloading and importing the database in unity:

Before downloading make sure that the status is active against upload image target, if not then you have to refresh button below. After clicking on download button select unity editor as augmented reality then click on download. To import drag the database into assets folder of unity. Make sure all the items are selected and click on import. Go to image target and select your database. Now you can see your image has loaded.

Augmented Reality

Place 3dmodel on image target

Drag the model with texture files into unity. After that drag and adjust 3dmodel on top of image target according to your choice. Set model position, scale and rotation to display it properly in augmented reality.

Export Application

From top menu click on file, then click on build settings. Check the platform is android if not switch it. And then click on add open scenes. Now click on player settings. Go to other settings. Change the package name according to your choice. Unchecked x86 and Android TV compatibility. Change the stripping level to low. Click on XR settings and make sure vuforia augmented reality is selected. And then you can insert the icon of your app. That’s all for settings now connect your android mobile with your computer and click on build and run. Now name it and save it.

That’s all. Enjoy augmented reality by scanning the image target.

To learn about how to place an image on an image target. Go to this link.

Augmented Reality is a new technology that is used to display digital content in real world. In this tutorial you will learn how to use Vuforia to display image on image target. It can be useful to display price of your painting. The video below will help you for better understanding of this blog.

For learning about how to DISPLAY 3D MODEL ON IMAGE TARGET USING VUFORIA IN UNITY3D go to this link

Create a new unity project:

In augmented reality creating a new unity project requires some of the things to be done. For creating a new unity project you need to write project name and then click on create project.

Adding new image:

For adding a new image target you need to go to vuforia engine. After going to vuforia engine click on image and re position it. Now go to vuforia portal. For opening vuforia developer portal make sure that you are sign in. Click on develop and after that go to click on target manager. For adding the target click on single image. Now choose the image by clicking on the browse button, then add certain width and rename it. Then click on add.

Downloading the data base:

Now download that data base. Click on unity editor then click on download. When it is downloaded drag it to the unity timeline put it in assets. Make sure that all the items are selected and click on import. Go to image target and select your database. Now you can see your image has loaded.

Showing the image on an image:

Now we have to show an image on an image. We have to add up a plane game object, right click on an image target, go to 3D object then click plane. Change the scale. Right click on assets then go to create, then click on materials and name it.  Adding the image which we want to show on the second image, we need to drag material on plane. Dragging it down to desktop and place it on unity.

Click on default then change it sprite (2D and UI) and click on apply. Now drag the price icon into the blank area of Albedo. We need to rotate this image icon rotating the image click on plane ad rotate it according to your choice. Click on material, go to shadder, click on transparent, and go to cutout and click on bumped specular. Now click on file, then click on build settings. Make sure that your phone is connected and click on build and fun.