Task 3: Project MVP Prototype

28/10/2024 - 25/11/2024 / Week 6 – Week 10
Tee Jia Ern / 0348512
Experiential Design / Bachelor of Design in Creative Media
Task 3: Project MVP Prototype

---

LECTURES

View in Task 1: Trending Experience. 

---

INSTRUCTIONS

I first made sure the build settings were set to my phone which is Android. 

Fig 1.1: Build Settings

Then I changed the dimensions of the game screen to my phone size. I added a simple interface using Canvas, TextMesh Pro and buttons. I imported the text font Audiowide from Google Fonts. I followed the tutorial on how to import fonts into Unity. 

Fig 1.2: Game Resolution & Home Interface

Fig 1.3: Audiowide Google Fonts

Then I proceeded with the home page. I followed the exercise tutorial 1 to implement the scene manager script to switch scenes using buttons. 

Fig 1.3: Home Scene Manager

I founded a 3D planet asset that is beautifully rendered. I downloaded the package into Unity. 

Fig 1.4: Planets Assets

I followed the instructions in the planets asset package. It required universal rendering pipeline. Before applying the URP, the planets were pink. 

Fig 1.5: Planet Package Requirements

Fig 1.6: Universal Rendering Pipeline

I then simulate the orbit the sun, earth and moon system. Here are the tutorials I founded useful. Along with the final outcome of the planet orbit. 

In the planet section of the app, I added Vuforia's image target. It took a while because Vuforia has a 5 star rating on the how suitable it is to be an image target. I tied the real planet images and icons but they have a less than 3 star rating. What worked was 3d models of the planets, so I went for that instead.

Fig 1.7: Vuforia Image Target

I added some buttons allowing for interaction of the player and the app. I styled the buttons using icons that I altered in photoshop. 

Fig 1.8: Planet UI

Initially I wanted the planet to appear upon scanning the target image. But even after exploring the issue with the lecturer it does not work, only the buttons can trigger the swap. I also can not make the orbit appear upon scanning the target image. So the orbit section does not have AR experience. I stylised the buttons with icon images using Photoshop. 

Fig 1.9: Orbit UI

I then proceeded with the player settings in build settings and followed the lecturer's tutorial on how to create a successful build. 

Fig 1.2: Player Settings

Phone Orbit AR

Video Presentation Orbit AR

---

REFLECTION

There was a lot of following the tutorial and trial and error trying to make the code work. That is part of the coding experience, lots of attempts before achieving the desired outcome. A lot of patience is required to find out what is not working. Huge respect to game and app developers for creating such seamless work. I incorporated the things we learned in class such as the scene manager and game object set active. In the next project I'll expand upon what I have done.