Experiential Design - Trending Experience

31/08/2023 - 02/11/2023 (Week 01 - Week 10)
Wong Khye Qing / 0361000    
Experiential Design/ Bachelor of Design (Hons) in Creative Media
Trending Experience
 
Links:
Task 1    Task 2    Task 3    Final

Instructions



Trending Experience
 
Week 3: Group journey map
 
Fig 1.0 Hospital journey Map




Week 4: Image Target
 

Fig 2.0  License Key and Image Target, Vuforia Engine Portal

At first, a license key from the Vuforia Engine Portal needed to be done in order to obtain the Vuforia package for Unity. The license key would also needed to be inputted into the AR camera in order for it to function well. 

As for the Image Target, an image was needed to uploaded and evaluated based on the quality of the image. The quality of it would affect the detection of the Target if it was scanned on camera. 

 

Fig 2.1  3D Object on Image Target, Unity Editor

A 3D Cube was added on the Image Target so that the Image Target could be detected and the 3D object could be spawned upon detection. 


Fig 2.2  Keyframe Animation for 3D Object, Unity Editor

I have also added animation 3D Cube by going to the Animation section and adjust the positions before adding keyframes to respective positions for the 3D object. 


Fig 2.3  Adding Canvas and Enabling button for animation, Unity Editor

A Canvas was added in order for to show the UI for the interface. Buttons were also added to the canvas so that users can press on the buttons. Then, the state of the Animations were also put into the Animator to activate the animation. The animation would be played once it was pressed on the Play button. 


Fig 2.4  Success Attempt on Image Target on phone

The outcome of the Image Target was a success, I was able to scan the image using my phone and spawn the cube on top of the image target, the animation could also be played. 


Week 6: Build Settings
 

Fig 3.0  Configurating the Build Settings, Unity Editor

This week I have learned the Build Settings and some configuration that needed to be adjusted in order to have a smoother Build and Run workflow for the app. I also needed to choose my platform to export and device to run the generated APK file in the mobile phone. 


Week 7: More about UI


Fig 4.0  Making the Images as 2D Sprite for ButtonsUnity Editor

Imported images were converted to 2D Sprite in order to be imported into a functional buttons as Sprite.


Fig 4.1  Changing button states, Unity Editor

Different images for the button state have been added, another image has been added to the pressed state as Highlighted Sprite. 


Fig 4.2  Adding Animations to Button and C# Script, Unity Editor

The keyframed animations of the button has been added the Event Trigger component would be able to start playing animation after the button has been pushed, moments later the animation would stop playing. 


Fig 4.3  LoadScene in going to different Scenes, Unity Editor

LoadScene script was also created in order to go from one scene to another, once the button was pressed, it would move to the specific scene that was programmed. 


Week 9: Ground Plan



Fig 5.0  Ground Plan Stage and ChatGpt, Unity Editor

A 3D object was added to the ground plan, the ground plan would act as the floor for detection so that it would spawn the 3D object upon detection of the floor. Exploration for the Pinch and Scale script was also done in ChatGPT to get a better grasp of the context of the script. 


Fig 5.1  Script to Pinch and Scale, C# Script 


Links:
Task 1    Task 2    Task 3    Final