Experiential Design / EXERCISES

07.04.2023 - 07.07.2023 (Week 1-Week 14)
Esther Vanessa/0350751/Bachelors of Design (Hon.) in Creative Media
Experiential Design
Exercises

JUMP LINKS


EXERCISE 1 (WEEK 2)

!!disclaimer : screenshots were taken AFTER the exercise, therefore it might show a little spoiler on what's next (blame my laptop for breaking down just after getting a bit rained on)!!

Firstly, we were introduced to unity. For this project, we use the 3D core template. Remind yourself to switch platform at the beginning of the project where all files size saved are still small. Then we set our screen size based on our phone size. Since I was not sure, I used 9:16.

Afterwards, we go to vuforia engine. Register and choose 10.14. Add the vuforia engine to the Unity project by double clicking the file and it would update in Unity directly.

To begin, we first add the AR Camera Feature.


From there, open Vuforia Configuration - Add License Key from Vuforia's website  - Paste Vuforia License Key - Play to turn on your camera.

Then, we want to add our asset (the picture we want to scan). 
From Vuforia => Vuforia - Target Manager - Add Database - Name - Click the New Name - Add Target - Choose Type as Image - Choose Image - Upload picture - Choose size - Name - Add - Check The Rating (4-5 stars are preferred.)



After that, download database - Choose Unity and double click on the file. 

Afterwards, we continue in making an animation that will play when we scan the picture. 

First make the animation panel.





To make the animation, press the record button, and move to the desired timeframe, the starting keyframe will be generated automatically.


Then, we try to create a new animation using the same method. However, this time we try to set the default animation by going to the animator window. 


Then to make options and buttons, we create new canvas for the buttons.


Make the button - change the name. Afterwards, choose this window and input the animation.


Then with the other buttons, repeat the same steps. In the end it should look like this in 2D. 









EXERCISE 2 (WEEK 4)

In the beginning of the class we were tutored on how to export projects onto our phone. This was difficult for me as I am using iPhone but my laptop currently is windows. Will get back to this later.

So to continue from Exercise 1, we were instructed to write script that allows us to change from one scene to another.

First we create a new scene. 


To the new scene we add new canvas, go to UI - Panel - Recolor the panel and transparency.
Then we add UI - Button. Then we customize the button's text.


Before continuing, make sure that the new scene comes before the previous scene's exercise. We can find this in the build settings


Afterwards in the canvas we add a new component - create new script. 


Then set the onclick button function in the button, we drag canvas to that.


With this, it leads to the next page (the exercise 1 page) after pressing the button. 

EXERCISE 3 (WEEK 5)

Added unity chan to the assets. Unity asset store. 

EXERCISE 4 (WEEK 9)

Create video on top of the scanned "card". 
  • 3D Object - plane - adjust to the same size and on top of the image target.
  • Add a video (mp4) to the video component (uncheck play on awake and put render mode on material override)

  • Assign a button to play the video.


  • Then try to create a button that can both play and stop. To do that, create another button to stop. Afterwards, set it up like this on the btn_play
  • Deactivate the btn_stop and set the onclick function like this
  • Remember to keep the stop button unchecked.



  • Put those button on top of each other (Same position)



EXERCISE 5 (WEEK 10)

Packages - Vuforia Engine AR - Database - Forprint. This is to check whether it detects the ground. 



  • Make new scene
  • Add AR Camera, Plane Finder, Ground Plane Stage (Vuforia Engine), remove Main Camera
  • Drag Ground Plane Stage to Plane Finder - Anchor Stage
  • Add cube to the ground plane stage child, make sure z 0
Will show up like this

Create Canvas - Add UI for scanning page - Add text 



Add animation to the text/ or anything tbh


On Ground Plane Stage, Set the targets as follow








REFLECTION 

Comments

Popular Posts