EXPERIENTIAL DESIGN - TASK 4

23/10/2024 -14/10/2024 (Week 01-14)

Chan Suet Yee 0358427

Bachelor of Design (Honours) in Creative Media

Experiential Design | MMD60204 | Sec 01

Task 4 | Final Project Submission

---

 LIST 

TABLE OF CONTENTS:

1. INSTRUCTIONS

2. LECTURES

3. TASKS

4.REFLECTION

---

 INSTRUCTIONS 

---

 LECTURES 

Refers to Task 1 Lectures 

---

 TASKS 

TASK 4 - FINAL PROJECT (PROCESS)

 Drawing the Animals 

I started by illustrating various animals using Ibis Paint, ensuring each drawing was colorful, engaging, and suitable for children. The illustrations were designed to serve both as part of the physical book and as AR image targets.

Fig1.0 Task 4 Process 

Fig1.1 Task 4 Process

 Creating the Flipping Book 

Once all the drawings were complete, I compiled them into a digital flipping book format to simulate the look and feel of a physical book online. I then printed the book to bring the concept into reality, creating a tangible product for children to interact with.

Flipping Book Link 

Fig1.1 Animal Book PDF

 Home Page, Map, Badges, Fun Facts 

After the book was complete, I moved on to designing the AR app's interface:

• Home Page and Map: I illustrated these in Ibis Paint, maintaining a cohesive style that aligned with the animal book's theme.
• Badges: To reward users for exploring, I designed collectible badges in Canva.
• Fun Facts: The animal fun facts were created in Figma, focusing on clean, child-friendly layouts.

Fig1.2 Task 4 Process

 Integrating AR with Vuforia 

Using Vuforia in Unity, I imported the animal drawings as image targets. These targets would trigger the AR experiences when scanned through the app. This step was crucial in bridging the gap between the physical book and the digital interaction.

Fig1.3 Task 4 Process

 Setting Up the AR Scene 

Adding Image Targets: Each animal drawing was added as an image target.

3D Animal Models: I added cubes representing 3D animal visuals for the AR scene.

Interactive Buttons: Buttons were included to trigger sound effects and display fun facts for each animal.

Fig1.4 Task 4 Process

Fig1.5 Task 4 Process

Fig1.6 Task 4 Process

 Writing Scripts and Linking Scenes 

With the scenes ready, I wrote C# scripts to link them together, ensuring smooth navigation between pages. Each button was assigned to direct users to the appropriate page, providing a seamless user experience.

Fig1.7 Task 4 Process

 Testing and Finalising the App 

I tested the AR app extensively on my laptop, checking for functionality, navigation, and AR interactions. After confirming everything worked well, I built the app and used Xcode to export it to my phone for final testing.

Fig1.8 Task 4 Process

TASK 4 - FINAL OUTCOME

Video Walkthrough & Presentation

---

 REFLECTION 

Experience

This module allowed me to explore Unity as a platform for creating an AR app for an animal book. Starting with importing image targets into Vuforia, I learned how to integrate AR functionality by adding 3D models and interactive buttons for sound effects and fun facts. Setting up multiple scenes, such as the home page, map, and badge collection, required careful organization and scripting to ensure smooth navigation.

Observation
Unity proved to be a powerful tool for AR development, offering flexibility in designing both visuals and interactivity. I observed how important it is to test each feature, from accurate image tracking to button functionality. Using C# scripts, I linked scenes seamlessly, ensuring a cohesive user experience. Troubleshooting and refining the project revealed how critical iteration is in achieving polished results.

Findings
Exploring Unity gave me valuable insights into AR app development. I learned the importance of balancing creativity with technical problem-solving and how tools like Vuforia extend Unity’s capabilities for AR projects. This experience highlighted the potential of Unity to create engaging, interactive experiences, especially for educational purposes.