Experiential Design - Task 3: Project MVP Prototype

3/6/2025 - 6/7/2025 / Week 6 - Week 10

Cindy Clarissa Leslie / 0367677
Experiential Design / Bachelor of Design (Hons) in Creative Media
Task 3: Project MVP Prototype

---

LECTURES 

LINK TO LECTURES

---

INSTRUCTIONS

 

Task 3: Project MVP Prototype

First scene: Coral Scene

Before starting any building with the AR aspects, I needed an image to act as the trigger for my experience. I drew my card using Adobe Photoshop, where in the end I will be printing into a physical laminated photocard.

Figure 1.1 Card designs

I only proceeded with working on the project when I have confirmed that the design is optimized for image scanning, where I inserted these into Vuforia and checked their ratings. In the end, the design got a rating of 4 out of 5 which was already good enough for me.

I first started with the coral growth scene, where I utilized Vuforia's image target for my AR interaction.

Link to asset

Figure 1.2 Main asset used for coral models

Figure 1.3 3d coral models compiled in Unity

Using existing prefabs on the Unity Store, I had to rely on 3d environment assets which is why I had to compile my models one by one through inserting and arranging these prefabs individuals into one GameObject. In the end, I compiled 3 models in total to create the different states of these coral reefs: dead coral, healthy coral and final coral.

Figure 1.4 UI screen design

Next, I created the UI, which only consisted of 4 buttons, this are the interactable elements with the model.

Figure 1.5 Scripting and playtest

Then, I proceeded to piece everything together with scripting, connecting the UI buttons and reflecting the actions on the models, furthermore I also animated each coral states, with the healthy ones growing and the dead ones shrinking.

Figure 1.6 Final prototype

Then I added the VFX as a feedback, helping users understand whether it was a good or a bad choice. I also added the ability to click on a species to learn more of it. Though this mechanic worked at first, where the informational panel slides down when I clicked on the fish, it has stopped working which further required troubleshooting.

Second scene: Gamification

For the gamification part, I created a different scene and I wanted to focus on using the ground plane feature on Vuforia. 

Figure 2.1 First and failed attempt in gamification

During my first attempt, my idea for the game is ocean cleaning, where users press on the trash that is randomly generated in a sea setting, users are given 30 seconds to get as many points as possible by clicking on the 3d trash prefabs.

However, after a lot of trial and error especially in troubleshooting, though I've added colliders to the model prefabs, I found them to be unclickable. Though the mechanics work and points add up, I found the concept to be undoable or simply not optimized since the screen keeps mistaking the touches as setting up the ground plane, thus restarting the game everytime players try to click the prefabs. Second was the generation was either too much that it made the app lag or it was too slow that players would have a hard time searching for the prefab. Thus I scrapped this idea.

Figure 3.1 Second attempt in gamification

I changed the game concept to a quiz instead, where users have to choose whether or not the 3d models shown are 'trash or nature', this is more optimal as the quiz uses UI buttons instead of having to disrupt the ground placement. Firstly, I created the sea environment that the users will immerse themselves in while doing the quiz.

Figure 3.2 Game UI

The UI includes the nature and trash buttons, where users click to answer. The text above shows how much points they have accumulated so far and also feedback to show whether or not their answers were correct.

Figure 3.3 Prefabs collected for quiz

These prefabs are then collected in a folder instead of placing them into the scene, where they will show up in an order when users finish answering by clicking on a button.

Final Task 3: Project MVP Prototype

LINK TO VIDEO PRESENTATION

Scene 1: Coral Scene

Figure 4.1 1st scene

Features already done:

• Image target works well, models and buttons are responsive.
• Animations are inserted for feedback.
• Script works by using conditional and streak, final coral shows after two right buttons are selected.

To-do list:

• Troubleshooting, vfx not working and informational panel when clicking fish not showing up.
• Add sound effects for more feedback.
• Add in informational panels in the UI when clicking buttons, why is adding this to the coral good? why is adding this to the coral bad?

Scene 2: Gamification Scene

Figure 4.2 2nd Scene

Features already done:

• Buttons are responsive, mechanics of the quiz overall optimal for ground plane.
• Immersive 3d sea environment.
• Point system works.

To-do list:

• Troubleshooting, vfx doesn't work.
• Add in outline and vfx to the prefabs users are guessing to separate them clearly from the environment.
• Add in a timer feature to make the game more challenging.
• Add in more prefabs for users to guess so they are more motivated to get as much points as possible, make it more challenging.

---

REFLECTION

As someone who's working with Unity for the first time, I thought that thanks to the tutorials from the lecturers, it gave some help and some foundational understanding in using the functions. I've decided to use Image Target and Ground Plane, thankfully what went well is the scene with image target itself however I faced some challenges with using the ground plane. I ended up wasting my time a lot more than I anticipated, thankfully I was able to come up with another idea. As the prototype, I was quiet satisfied with the progress I have made and thought that I started becoming more familiarized with the tool.