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
Fig 1.2 Wireframe improvement in Adobe Illustrator
Fig 1.3 Apps 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
Shopee Link: https://shp.ee/z7yvuyy
Unity Hub
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
Background music: https://youtu.be/wUie8F17ufA?si=WhRTKXWxH2M1qthm
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
Post a Comment