VR & AR

Shapesto Life

ShapestoLife

An example video of this application built and running on device can be found on my YouTube Channel.

img-2127

This repository contains a Unity mobile application for iOS and Android devices called ShapestoLife. The application is an interactive experience where users are able to engage with a real photo image that will bring its message to life while looking at the image through their mobile device.

Please print this image (best would be paste it to a Word document and cut out)
4302226785_87bd90cd63_b

Getting Started

Prerequisites

The software you will need to download in order to build and run the game on a mobile device:

• The cross-platform engine Unity Version 2017.2.0f3.

  • For iOS builds, the latest version of Xcode.
  • NOTE! You will need to have an Apple ID in order to download Xcode and build for iOS.
  • NOTE! Make sure to have the latest software version; 11 and up.
  • For Android builds, you need Android Studio and the Java JDK 8.

Installing

To build and run a copy of this application to your mobile device:

• On the ShapestoLife repository, go to the green “Clone or download” button and click “Download Zip”.

• Once the zip file has loaded onto your desktop, double click the zip file to open. Navigate to the folder Assets > ILoveDesign.unity and double click the scene to open it in Unity.

-NOTE! The scene may not be located at the top of the folder. If not, you will have to scroll through the folder to find it. It will be titled exactly ILoveDesign.unity with the Unity logo-

After opening the scene in Unity choose to build to either an iOS or Android mobile device:

  1. For iOS builds:
    • Go to File > Build Settings and switch the platform to iOS (this can take a while) then click the Player Settings button below that and with this open you can change the name of the application and bundle identifier, if you would like to change them, before pressing Build and Run to then be prompted to name the build and save it. (I usually save the build to my desktop so I can delete it later)
      • The build will open in Xcode. Make sure to check your Apple ID is correct, the bundle identifier and the name of the application is what you would like it to be then press the play button in the upper left corner and the application will build and run directly to your iOS device.
  2. For Android builds:
    • First, go to the top left corner and click Unity > Preferences. Then, select External Tools in the list and add the locations of Android Studio and Java JDK 8 in the correct section.
      • Afterwards, go to File > Build Settings and switch platform to Android (this can take a while to do) then click the Player Settings button below that and you can change the name of the application and bundle identifier, if you would like to change them, before pressing Build and Run to then be prompted to name the build and save it. The application will be built right to your Android device from Unity.

Deployment

When building the application to your phone an important note:

• In Player Settings, you are able to not only able to change the name of the application and bundle identifier to whatever you would like, you can also add a photo to be the icon for the application on your phone! It will be one of the first things you can do in Player Settings. Right under renaming the application.

How to play

To play the application ShapestoLife is very simple and fun! img-2125

• After printing the image above and opening the application on your mobile device, hold the devices camera towards the printed photo.

• The triangle, square and circle objects on the photo should become 3D objects! The triangle will rotate as the circle bounces to give them more of a fun effect for the user to be more engaged in the new look of the image.

• NOTE! The tracking only works with the image and with the shapes in the line of the camera. Please don’t shake the device or get too close to the image if the images to not appear right away. Simply look for a better angle to get them to appear on your device.

Authors

• Samantha Cayla Bajis - Initial work - SamBajis

Acknowledgments

To make ShapestoLife possible:

• Google Images - Provided the image used to create application objects

• Vuforia - AR development kit used to make the objects come to life when played on device.

• Blender- Created triangle, square, circle and materials using the 3D computer graphics software Blender