EXPERIENTIAL DESIGN - TASK 3

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 3 | Creative Experience Design Project Prototype

---

 LIST 

TABLE OF CONTENTS:

1. INSTRUCTIONS

2. LECTURES

3. TASKS

4.REFLECTION

---

 INSTRUCTIONS 

---

 LECTURES 

Refers to Task 1 Lectures 

---

 TASKS 

TASK 3 - CREATIVE EXPERIENCE DESIGN PROJECT PROTOTYPE

Building on Task 1, I have suggested 3 AR concepts to create and develop.

Sketches

I began by sketching rough ideas of how the app should look. Then, I started working on the animal book illustrations. I initially drew them on paper and later digitized them using the Ibis Paint app.

Fig1.0 Task 3 Process

During the prototyping phase, I chose to work on 2 pages first. I selected 2 page and began painting it using Ibis Paint app.

Fig1.1 Task 3 Process

Fig 1.2 Task 3 Process

Next, I imported both images into Vuforia as my image targets and downloaded them. Both images received a 5-star rating, indicating they were suitable to proceed. I then moved to Unity and imported the image targets.

Fig 1.3 Task 3 Process

Fig 1.4 Task 3 Process

Create a Cube for the Tiger Image:

• Right-click in the Hierarchy > 3D Object > Cube.
• Add the tiger image to the cube as a texture:
  • Create a new Material in the Assets folder.
  • Drag the tiger image into the material's Albedo field.
  • Assign the material to the cube

Attach the Cube to the Image Target :

• Drag the cube onto the Image Target in the Hierarchy to make it a child.

Fig1.5 Task 3 Process

Create Buttons for Interaction : 

• Hierarchy > UI > Button to add buttons.
• Rename the buttons:
• Red Button for showing fun facts.
• Green Button for playing animal sounds.

Fig1.6 Task 3 Process

Add Behaviour with Scrips: 

• Assets folder > Create > C# Script 
• Attach the script to the Image Target.

Fig 1.7 Task 3 Process

Create the Fun Fact Cube:

• Add another cube to display the fun fact.
• Make it invisible by default

Add Animal Sound:

• Add the AudioSource to the Image Target.
• Drag animal sound file into the AudioSource’s Audio Clip field.

Fig 1.8 Task 3 Process

Link Buttons to Script:

• Select each button in the Hierarchy.
• In the Inspector, find the OnClick() event.
• Drag the Image Target into the OnClick() field.
• For the Fun Fact button, assign the "AnimalInteraction.ToggleFunFact" function
• For the Sound button, assign the "AnimalInteraction.ToggleSound" function.

Fig 1.9 Task 3 Process

TASK 3 - FINAL OUTCOME

---

 REFLECTION 

Experience

Working on the prototype for my final project has been a challenging yet rewarding journey. My main task was to create an AR app for an animal book, starting with hand-drawing the illustrations for the book. This decision allowed me to infuse my personal creativity into the project while ensuring the content was unique and engaging. Using the techniques I learned from previous tutorials, I worked to bring the illustrations to life through AR. Although the current prototype has limited features, the process has deepened my understanding of integrating AR with traditional media. Despite setbacks, this project has motivated me to continue improving and refining the app for the final submission.

Observation
While developing the prototype, I observed how crucial it is to strike a balance between creativity and technical implementation. Drawing the book myself gave me control over the visual storytelling, but translating those drawings into functional AR experiences proved to be more challenging than anticipated. I also noticed that creating fun and interactive features requires both technical skills and a thorough understanding of user preferences. Despite my efforts, some features didn’t work as planned, which highlighted the importance of iterating and troubleshooting to achieve the desired results.

Findings
Through this experience, I found that developing an AR app involves a lot of trial and error, especially when implementing interactive elements. The limited functionality of my current prototype taught me to focus on achievable goals while aiming for gradual improvements. I also learned that integrating AR with physical books has the potential to make learning more dynamic and engaging. Moving forward, I plan to enhance the app by refining its features and exploring new ways to make it more interactive. This experience has shown me that persistence and adaptability are key to creating an impactful AR project.