Exp Design Final Project Submission
Experiential Design Task 3
Task 4: Interactive Component Design & Development
WEEK 05 - Week 07 (22.05.2025 - 05.06.2025)
NAME: Chai Wei Yi
I.D: 0369561
COURSE: Application Design 2 / Bachelor of Design (Honors) in Creative Media
GROUP: Class 01 Sec 01
Experiential Design/ Bachelor of Creative Media/Taylor's UniversityTask 4: Interactive Component Design & Development
INSTRUCTIONS
LECTURE
TASK 4 FINAL PROJECT
Task 4 Final Project Instructions:
Timeframe: Week 12 – Week 14
Deadline: Week 14
Description:
A) Final Project – Completed Experience – 30 %
Students will synthesise the knowledge gained in task 1, 2 and 3 for application in task 4. Students will create integrate visual asset and refine the prototype into a complete working and functional product
experience.
B) E-Portfolio - 10 %
Students describe and reflect on their social competencies within the design studio context, supported by evidence. Reflect on how to empathize with others within group settings, interact positively within a
team and foster stable and harmonious relationships for productive teamwork. The reflective writing is part of the TGCP.
Requirements:
Project file and Folders
Application installation files (APK for android, iOS Build Folder for IOS/iPhones)
Submission:
Online posts in your E-portfolio as your reflective studies
Video walkthrough (Presentation)
TASK 4 FINAL PROJECT
Tutorials video that help us in our work:
In the final task, we focused on implementing image tracking and integrating sound into the scanning page. We also fine-tuned the pop-up image to ensure it appears as intended during the scanning process.
We inserted the sound recording and configured it to play only when the button is clicked.
Image tracking code
After all the scanning image part we do the game part. In the game section, we set up trigger clicks corresponding to the correct image and name. If the match is correct, a "Correct!" pop-up appears; if it's wrong, it shows "Try Again." After completing the game, a "Congratulations" pop-up appears, and the session ends by returning to the "Choose Story Book" page.
I try to export as APK but got some issue so I ask ChatGPT again. So here are the solution and I try again and solve the problem.
Final Submission of the AR App:
Final outcome walkthrough video:
Final Presentation:
Partner Blog: https://0356515.blogspot.com/2025/08/experiential-design-task-4.html
Experience
Developing an AR app was definitely not an easy task. At the start, implementing features such as image tracking and pop-up visuals felt overwhelming. However, through exploring online tutorials and using support tools, we gradually overcame these challenges and grew more confident in using Unity.
FEEDBACKS
-
REFLECTION
Experience
Developing an AR app was definitely not an easy task. At the start, implementing features such as image tracking and pop-up visuals felt overwhelming. However, through exploring online tutorials and using support tools, we gradually overcame these challenges and grew more confident in using Unity.
The most rewarding moment came when our final AR storybook prototype successfully ran in Unity, with both the scanning and gaming functions working smoothly. Although we faced issues when exporting the app to an Android device, seeking solutions through ChatGPT helped us resolve the problems quickly and independently.
Overall, this project strengthened our technical skills, problem-solving abilities, and teamwork. It also deepened our understanding of how AR can be creatively applied in interactive storytelling.
Observation
Throughout the AR storybook development process, tutorial videos were invaluable in helping us grasp the technical aspects of image tracking, sound integration, and interactive gameplay design. Step-by-step guides provided clear demonstrations on how to use tools like EasyAR in Unity, especially for setting up image targets and linking scripts for audio and animations.
During the final stages, we realised that precise alignment of image targets and accurate positioning of pop-up visuals were crucial for a smooth scanning experience. Even slight misalignments or incorrect scaling could cause visuals to appear off-target or fail to display, highlighting the need for meticulous attention to detail in Unity scenes.
We also noticed that adding interactivity—such as button-triggered sounds or matching games—required careful script configuration and well-designed UI feedback (e.g., “Correct!”, “Try Again”, “Congratulations”) to effectively guide the user’s actions.
Findings
We found that image tracking works best when using high-quality, high-contrast reference images. Additionally, having audio triggered manually through a button gave users more control and prevented unwanted automatic playback. In the game section, implementing trigger-based matching required precise links between images, names, and UI feedback for smooth functionality.
Exporting the app to Android (APK) turned out to be more complex than expected, with issues such as missing Android Build Support halting progress. However, by leveraging resources like ChatGPT and tutorial videos, we successfully troubleshot these problems—for example, resolving a failed APK export by identifying and installing the necessary build modules.
Comments
Post a Comment