Close
0%
0%

How to make: Augmented Reality Pokemon CARD Game

Bring your Pokemon cards to life.

Similar projects worth following
My recent addiction to Pokemon Go inspired me to create the Pokemon experience I always wanted. This video goes through the process of making an augmented reality app with Unity 3D and the Vuforia plugin. An image of your Pokemon card gets loaded into an image database and when your phone camera picks up that image it renders the 3d version of that pokemon over top of the card. This tutorial then goes through how to set up two attacks, water and fire, so when you hit a button on the app the Pokemon performs that attack. I tried to gear this tutorial towards beginners so sorry that it is a little long. I also see some value in leaving mistakes in the video as well, so beginners can learn how to recover. Also, Unity allows you to build apps cross platform, so this app can be built for Android or Iphone (IOS).
Next up MTG.

pokemon2Script.cs

script for fire attack

cs - 693.00 bytes - 07/28/2016 at 03:39

Download

firstPokemonScript.cs

script for water attack

cs - 642.00 bytes - 07/28/2016 at 03:39

Download

  • 1
    Step 1

    Step 1: Find Your Pokemon:

    Pick out two Pokemon cards that you have (try to find one water and one fire) and go here: http://roestudios.co.uk/project/3d-pokemon-models...

    Download their 3D models from that site and unzip their folders.

    Open up Unity 3D and start a new project. https://unity3d.com/

    Go to Vuforia and login to your developer account. http://www.vuforia.com/

    Download the Vuforia plugin for Unity if you don't already have it and drag it into your assets folder.

  • 2
    Step 2

    Step 2: Create An Image Target Database With Vuforia and Your Pokemon Cards

    Go to google images and find a picture of your chosen Pokemon cards. You could take the pictures yourself but, then you would have to crop them.

    Inside the dev portal on the Vuforia website click on image targets and add your two Pokemon card images as image targets. For each image let's set the width to 5.

    Once the images are uploaded, download the image target database (for unity) and drag it into your new Unity project.

  • 3
    Step 3

    Step 3: Add Virtual Pokemon To Your Physical Cards...

    Now, go into Unity and click on the Vuforia folder. Find the prefabs folder and drag the ARCamera into the hierarchy.

    Delete the main camera in the scene.

    Find the imageTarget prefab and drag it on top of the ARCamera making it a child.

    First go to the imageTarget in the Unity inspector:

    -choose image target from database.

    -under image target choose the name of the first Pokemon you want to create.

    Find both folders that contain your 3d Pokemon models and drag both into Unity.

    Find any .obj file for your desired Pokemon and drag in onto the image target (Pokemon card) in the scene.

    Resize the 3D model to your liking and rotate it appropriately on the card.

    Finally, go to ARCamera in the hierarchy and look at the inspector where it says Vuforia Behavior Script...change world center mode to Camera.

    Go to database load behavior script and check load image targets, then check activate.

    Press play and hold your Pokemon card up to your webcam. You should now have a virtual 3D Pokemon sitting on it, provided there is no glare.

    Repeat these steps for your second Pokemon.

View all 7 instructions

Enjoy this project?

Share

Discussions

David Sadler wrote 07/17/2023 at 04:44 point

That's fantastic! It's great to hear that your addiction to Pokemon Go has inspired you to create the Pokemon experience you've always wanted. The process you described in your video tutorial, using Unity 3D and the Vuforia plugin to create an augmented reality app, sounds like a fantastic way to bring the virtual world of Pokemon to life. Loading the image of a Pokemon card (https://collectorpricing.org) into an image database and rendering a 3D version of that Pokemon over the card when viewed through a phone camera is a clever approach.

  Are you sure? yes | no

Similar Projects

Does this project spark your interest?

Become a member to follow this project and never miss any updates