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
From there, open Vuforia Configuration - Add License Key from Vuforia's website - Paste Vuforia License Key - Play to turn on your camera.
Add animation to the text/ or anything tbh
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.
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)
- 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
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
Comments
Post a Comment