Experiential Design / Project 2

1.10.2023 - 9.11.2023 (Week 6 - Week 12)

Loke Yan Ling / 0344602 

Experiential Design  / Bachelor of Design in Creative Media

Project 2: Prototype


Project 2: Prototype

Wireframes

Fig 1.1 Wireframes in Proposal

After finishing the proposal, I feel that the interface is not good enough and colour scheme is not consistent, the main colour scheme is purple. 

Fig 1.2 Wireframe improvement in Adobe Illustrator

Fig 1.3 Apps flow

Exporting all the button and interface into unity and try the flow. 
So, the app flow is menu -> pick the nail shape -> then pick the design. It should be simple enough, however there is no suitable image target, Mr Razif suggest that use something like QR code that can use on the nails as the image target instead of fake nails. I get what he mean, but cant find anything that really suitable. 

Vuforia Engine
Fig 1.3 Previous Image Target


Fig 1.4 Image Target

I try with an image like tattoo style and hit 5 star rating. Therefore, I look for more artistic nail sticker on shopee to make sure the Vuforia Engine can scan it as 5 star image target. The parcel of this nail sticker still in delivery status, the image target will be added when the parcel arrived. 

Fig 1.5 Nail Sticker

In prototype, I haven't really find the 3d assets, so I replace with normal 3d sphere animation first. Mainly focus on building the flow first because application scene flow takes so much time due to unfamiliar with the software. The 3d shape 


Unity Hub
Fig 1.6 Buiding Scenes & Buttons

Fig 1.7 Animation

Then, Mr Rafiz suggest that maybe the "pickshape" scene can connect with the panel in AR scene. I build a button that link to "pickshape" scene and use back the button interface from wireframe in proposal. 

Fig 1.8 Link to pickshape scene button

For my concept is scanning one image target and can change with different nail shape style by applying different pattern on it. It required build different scene for different 3d model. Mr Rafiz said the prototype can build one or two 3d model shape will be enough (but if could I want to build 8 of it TT )

Also I want to make the effect button can be scroll horizontally and I just follow with the tutorial shared by friends.


The another issue I faced is build and run part. The device cannot find although I have tried with several method search from the Google to solve the problem, it still cannot work. With my friends help, the result is  I forgot to open the development mode. But! It successfully run once then facing the Vuforia Engine problem. I try with Mr Rafiz device and facing same problem. I think I leave it first and solve it in final final prototype.

Fig 1.9 Vuforia Engine issue

I also wanted to add background sound in this application and found a tutorial on Youtube. The background music is provided by Youtube no copyright mp3. Actually the sound button is build in setting scene first but it is hard for unity to link the setting scene to every scene and back to previous scene. So, i change it to only on/off button to control the background sound. 

Background button On/Off tutorial: https://www.youtube.com/watch?v=AFcHsKd_aMo

Sound effect music (haven't added): https://youtu.be/2MhHiKajn8o?si=Pz9Q9PCFMraDdW8A

Fig 1.10 Background Sound

Fig 1.11 Scanning Image Target with different effect

The prototype work successfully and can scan the image target. The effect buttons are link to the 3d shape animation button first, it will be replaced with real 3d model material after learn how to build the 3d model assets. 

The google drive really hard to upload the whole file even compress it also not successful.

Video Presentation


Vid 1 Video Presentation



Comments

Popular Posts