Labels

Experiential Design | Final Project : Completed Experiences

15.12.2024 - 12.01.2025 Week 12 - Week 15
Tracy Angeline Tio / 0362222 / Bachelor of Design ( Honors ) in Creative Media
Experiential Design / Taylor's University
FINAL PROJECT : COMPLETED EXPERIENCES
TABLE OF CONTENTS
LECTURES
All lectures and weekly activities could be viewed on Task 1 : Trending Experience blog.
INSTRUCTIONS
MIB BOOKLET :
FINAL PROJECT
Completed Experiences
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.

Requirements :
  • Share the final Google Drive link that should include about your unity project (Zip file and Upload it)
  • Include your App build file (APK, Build Folder)
  • Post your video walkthorugh about your app
  • Updated Proposal from Task 2, and your completed blog link.

Prototype Function Progression 
During the recent projects (project 3), I have done most of the UI pages and several functions. Now for this final project, I mainly focusing on 3D Room Function. Below is the bullet points regarding on what needs to be done :

What yet needs to be done :
  • Adding page about concept photos description.
  • Generate Audio from Text and Insert to the Audio Button
  • Interaction from Items in the Table (Tap to go to link)
  • Spawn Member Features on Image Target/ Ground Plane
  • Adding Music and carousel for the album scanning.

1. Concept Photos Description and Audio Button
For this features, when user click a group photos button on the bottom, it would direct to the group information and inside it, there's still more features to be explored.
Fig 3.1 Memorabilia Concept Photo Pages Progress Week 15 06/01/2025
Since by only just displaying text may be boring, I decided to add text to speech features, and I got this references from previous semester students where they used Elevenlabs to generate it. 
Fig 3.2 Generate Text to Audio Week 15 06/01/2025
Fig 3.3 Overall Pages Week 15 06/01/2025
I inserting the function into the Audio button, so later user could press it and the sound would be played and paused.


2. Table Items Interactions
For this part, I want to make user could interact more with the 3D Rooms. Since it mostly filled with items and exhibition, I want to added an item that would be clicked and it will go to the items shop link, whether user want to purchase or not.

I applied on what we have learned during VGallery exercises to displayed the canvas once we click the button.
Fig 3.4 Pop Messages on Items Information Week 15 06/01/2025
Fig 3.5 Tap Button Displayed Besides Item Week 15 06/01/2025
Here are the script used to hide the pop messages information if we did not click the tap button.
Fig 3.6 Script to Hide Items Information on First View Week 15 06/01/2025
For the button view more, I used script to insert the link from the official shop who sell the items.
Fig 3.7 Script to go to Link Week 15 06/01/2025
Fig 3.8 Added Canvas Week 15 06/01/2025
Links for the Shop :
On this features, I placed it inside the group description where user click it, It would spawn the member avatars. To build avatar, there's only readyplayer me websites and it have limited choices to dress up the avatar and may not be looks similar.

Therefore, to make it more interesting, I just displayed 2 members and adding animation where they can dance and stage as a background decor. For the interaction, User could pinch it to scale and mute / unmute music on it.
Fig 3.9 Building Avatar Member #1 Week 15 06/01/2025
Fig 3.10 Avatar Overall Looks Week 15 06/01/2025
Fig 3.11 Second Member Avatar Week 15 06/01/2025
Later then, I imported my avatar to unity and began to search animation to make the avatar dancing.
Fig 3.12 Animation Test Week 15 06/01/2025
For the dance, I have searched around 8-10+ animation to make it longer and Applied for both avatar.
Fig 3.13 Animator Preview Week 15 06/01/2025
View this video for the dance movement :
Vid 3.14 Dance Animation Preview Week 15 06/01/2024
For the decoration, I plan to added 3D Stages so it would feels like user is watching a concert. The stages and speaker were both downloaded in Turbosquid.
Fig 3.15 Stages 3D Week 15 06/01/2025
Fig 3.16 Stages and Avatar Preview Week 15 06/01/2025
I added Lean Touch pinch scale for the 3D Items so user could scale it to bigger or smaller. I used this tutorials to make it.
Fig 3.17 Lean Touch Tutorials Week 15 06/01/2025
Fig 3.18 Lean Touch Settings Week 15 06/01/2025
At last, I also added on features for music control where user could mute and unmute the music. This features is different from the Play and Pause so I made a new script for these.

Music Used : Go Big or Go Home (Instrumental)
= https://youtu.be/36wXSFyKzhc?si=Baf8Www36qAmHmw5
Fig 3.19 Mute and Unmute Music and Icon Changes Week 15 06/01/2024

4. Music and Carousel 
On the last features from the 3D Room is for the music list. When user scan the images target, it would be displayed 6 music and I designed it like a carousel.

Music Playlist Link : 
Fig 3.20 Carousel Content Week 15 06/01/2024
Fig 3.21 Preview Before Mask Week 15 06/01/2024
There was a lot of trial error happened on this features. Sometimes when I want to mask the content, it shows no preview and the music especially is quite complicated. When one music played and I tried to open other music, it became double so I should set it for one music played only.
Fig 3.22 Music Button Preview Week 15 06/01/2024
Below are the script used to run the carousel and music audio & icon.
Fig 3.23 Carousel Button Script Week 15 06/01/2024
Fig 3.24 Carousel Insert Content Week 15 06/01/2024
And below is the script for music controller where I insert this script in the button to play and pause toggle.
Fig 3.25 Music Control (Play, Pause) Week 15 06/01/2024
Fig 3.26 Insert Object Button Week 15 06/01/2024
At last, I also applied the same styles when the scan indicators fading out once detect image target but with different script since it's not a video plane.
Fig 3.27 Script for Fade Out Indicator when Image Target Detected Week 15 06/01/2024
Fig 3.28 Items (Placed on Image Target) Week 15 06/01/2024
View this video for the preview of the music features. (Audio is quite small when I record my devices).
Fig 3.29 View Music Outcomes Week 15 06/01/2024


FINAL OUTCOMES COMPLETED EXPERIENCES
Drive Submission Link :

Vid 3.30 Final Video Presentation and Walkthrough App Week 15 11/01/2025
FEEDBACK
Week 14
- Using other tools to built a 3D Avatar might be a bit complicated since not of them are free and even expensive. It's okay if you just go with the Ready Player me as it can generate full body model and less hassle.

Week 15
- If you can't build and run the app through your phone, just use your phone as a webcam and run it in unity game preview like we do in class.
REFLECTIONS
Finally I have reached the end for the projects on this module. Working on the app was a fantastic journey and challenging at the same time. I was happy when the function could worked and on the contrary, if there was error, it was sometimes hard to be fixed. Big thanks to the lecturers (Mr. Razif) that always gave us exercises for better practice and his GPT (XD Assistant) was super helpful. Most of my script probably generated from it since I'm not an IT student and had no idea about this C+ script. Can't imagine if there's no GPT, I can't even submit this assignment. T_T

What have I learned on this modules was a lot. Starting from add objects, controlling scene, audio, function and others. This makes me realize that AR is not just about the scanning but the experiences given to the user was super immersive.
Labels:

Comments

Post a Comment

Popular Posts