Experiential Design / Project 1

  
 07.04.2023 - 28.04.2023 (Week 1 - Week 4)
Audrey Gracia Djohari / 0348120
Experiential Design
Bachelor of Design (Hons) in Creative Media / Taylor’s University
Project 1: Trending Experience


INSTRUCTION

Students are given series of exercises that explore the current, popular trend in the market to give them better understanding of the technologies and the knowledge in creating content for those technologies. Students will conduct research and experiment to find out features and limitation which will later allows them to make decision on which technologies they should proceed with in their final project.


LECTURES

WEEK 1:

On this first week, Sir explained to us the future projects and he asked us to download Unity app. After that, he showed us some of the seniors' work.




PRACTICALS

WEEK 2:

Creating AR Scane

Fig x: Linked Image 

Fig x: 3D Cube

Fig x:  AR Scemes


WEEK 4:


Creating New Scane: Menu

We created a new scene file in Assets.

Fig x: Menu Scene with Button


How to download & run XCode

In Unity
  1. File < Build Settings < Choose IOS
  2. Project Settings< Player < Icon (change it)
  3. Check all allowed orientation
  4. Uncheck Metal API Validation
  5. Target minimum version 14.0
  6. Build & Run then check it in XCode
In XCode
  1. Signing & Capabillities< All< Check automatically manage signing
  2. Login to apple account
Exercise
*Always put your scenes (drag it) to the build settings. It’s in order so arrange it according to the order you want


WEEK 5:

User Journey Map

This week, we learned how to create a journey map with its gain point, pain point and solution. We created it as a group and our table decided to make a cinema journey map. This is the outcome:

Fig x: Cinema Journey Map

WEEK 6:

Downloading 3D Character Asset (Unity Chan!)

Link to Asset Download: https://assetstore.unity.com/packages/3d/characters/unity-chan-model-18705

1. Download Asset from Unity Asset Store
Open Unity Asset Store < Search for the 3D Asset < Download < Make sure you're signed in in both Unity & Unity store using the same account < Import 

2. Create New Scene & Open the Character Asset
Create New Scene < Search for the folder name < Prefabs < Drag the dynamic file to your Scene < Adjust its position & size so it can be seen in the screen preview

3. See the Character's Poses
Open Animator < Play the Scene < Open Parameters in Animator< Click Next/Back to see the poses of the character

Fig x: Unity Chan Preview Outcome


WEEK 9:

Creating Video Plane

The goal is to show a video on the phone screen when scanning the image.

1. Create the Plane
Create < 3D Object < Plane (the size of the plane better matches the phone screen)
In hierarchy, drag the plane inside the 'Image Target' so it becomes the child.
I named it VideoPlane

Fig x: Hierarchy


2. Add 'Video Player' Component
In hierarchy, 
Click VideoPlane < Add Component in Inspector < Video Player < Drag an mp4 file to the Video Clip below Source
The video will appear on the plane when you scan the image.

Fig x: Video Player Settings

Fig x: Preview 1

Play & Stop Buttons (for Video)

The goal is to use buttons to play and stop the video

Create < UI < Buttons < Rename the buttons < In Inspector, Edit the On Click()


Fig x: Buttons Hierarchy

Fig x: OnClick (Play Button)

Fig x: OnClick (Stop Button)

Fig x: Using 2 buttons

Fig x: Using 1 buttons

WEEK 10:

Opening Emulator (to emulate the Ground Plane)

Packages < Vuforia Engine AR < Vuforia < Databases < ForPrint < Emulator

Fig x: Ground Plane Emulator

Plane Finder & Ground Plane Stage

Create < Vuforia Engine < Ground Plane < Create Plane Finder & Ground Plane Stage

Drag Ground Plane Stage to Plane Finder's Anchor Stage in Inspector
  • Anytime you put an object inside the Ground Plane Stage, it will be in the middle of the camera




REFLECTION

Experience
I was excited to learn Unity Vuforia! Because back then when I first saw the design specializations options that Taylor's provided, I noticed that UI/UX students would learn Augmented Reality. I had always been interested in augmented reality, but I knew it would be a challenge to create my own AR experiences. The first thing that Mr. Razif taught was how to set up the file and how to make an image target. Mr. razif already explained slowly and clearly, but I still found it challenging to follow. I was lost several times during each tutorial class. Luckily I have my classmates that are just sooo kind and helped me. I was surprised at how challenging it was to create an image target scan. I thought it would be more straightforward, but there were a lot of factors to consider.
 
Observation
I noticed that Unity and Vuforia is a powerful tool for creating AR experiences, but it is also complex. There are a lot of settings and options to configure, and it can be easy to get overwhelmed. I also noticed that there is a large community of Unity Vuforia users in GitHub and Youtube. There are many tutorials and resources available online, which makes it easier to learn how to use the software, however, it is definitely more complicated than learning Adobe Softwares.
  
Findings
I found that Unity and Vuforia is a great way to get started with augmented reality, but it is not as easy as I thought it would be. I would recommend Unity Vuforia to anyone who is interested in creating AR experiences, but I would also warn them that it is not a simple task. It takes time, effort, and patience to create a good AR experience. But I kinda feel cool now being able to brag to people that I know how to create AR. Thank you Mr. Razif for explaining things to us patiently and in the most fun way possible! Always enjoyed your class even though it's quite difficult.


Comments