Progress 2.0: Unity

Once I was done with the UI and 3D asset, I moved on to setting up the app using Unity and Vuforia. It's my first time using Unity, I had to learn and understand everything from scratch, which was really, really, challenging.


First page of the app, which is the homepage. 



This is the instruction page.


You can't really see it clearly but this is the image target and 3d asset. 

    
And here is the game testing using the laptop camera.

At first I faced a lot of problems with the asset and image target because their positions always came off weird and off when I tested with the camera. It's only later I realised I had to put the asset as a child of the target, then it worked. Position, sizing and all that jazz. It's all because I didn't put the asset in the right place. 

I had to learn about setting up the canvas and making the UI from my classmate Xiao Tung who is also doing AR app. I really couldn't find anything or rather I didn't know HOW to find, using what keywords to learn about doing the app using Unity. She taught me to set up the canvas in the scenes and import the PNG images. She really saved my life with her ways.

After testing and fixing some major bugs, I finally built the app, saved it, imported the app into the phone and tested again. The first time I tried, the placement of the asset was really weird. So once again I fixed it in Unity, where I placed the asset under the image target as a child. Then imported the app again. This time the targeting and placement is finally working. The only remaining problem is just the AR camera looking a little weird. I'll try tweaking the position of the camera again and by then it should be fine.

Comments

Post a Comment

Popular posts from this blog

Progress

Image
Here's a confession: this is a very very very late update and I'm updating everything at once. Further information in probably my last blog post. But first I'll carry on with the progress. After sketching and planning, I moved onto designing the UI of the app. I couldn't do much due to the time constraint but I still tried my best to do as much as I could.  I first started off designing with an iPhone XR's viewport because I own an XR, right? Its the towards the last few days I realised that I couldn't use Xcode on my laptop that runs on Windows. Which means I can't download the app with my own phone. Which means I need an Android phone. Which again means I need to change the viewport, which I did. The design remained pretty much the same but just in different size.  Regarding the design, I chose this pale yellow because again this is for the brand, Jo Malone. This yellow is used on the labels, packaging as well as their websites. So I decided to stick to th
Read more

Week 5: Refining Proposal

Image
After the consultation on week 4, I had to refine my proposal alongside the learning plan and project management chart which is due next week. Louise showed us examples of how to write project background, purpose and all that jazz after week 4's consultations. They were pretty helpful so I actually managed to refine and write them accordingly. I also had to plan out my user flow, a sketch of what is going to happen when the users engage with the AR app. Louise also showed me another case study on AR by Shazam and the gin brand, Bombay Sapphire. (Not gonna lie I felt so weird seeing the gin on screen because we have one laying at home for YEARS) To summaries, users can scan the complimentary little tag that comes with the bottle, then they will see animation of flowers coming out of the label, also users will have access to the videos of different cocktail recipes utilizing this gorgeous looking liquor while different genres of music will play according to the different recipes. (Al
Read more

Final Artefact

Image
After much challenges, I have finally completed building the AR application on Unity. Not only Vuforia and Unity, I also had to install Android Studio, JDK and JRE for app building. Once the APK is built and saved in my laptop, I connected the Samsung S6 Edge Plus with my laptop and imported the APK into the phone. Next, I installed the APK in the phone. This is how the icon of the application looks like. It's the logo of Jo Malone that can be found on their packaging as well. This is the homepage of my app. User can be seen holding the device and the bottle of cologne that will be scanned. This is the instruction page of the app. The user is shown scanning the image target with the application and the 3D models of lime basil and mandarins showed on screen. The application did achieve the most basic expectation I had in mind, although it is not very fancy or full of content, I had at least learnt how to build an AR app and gained more technical knowledge. One thing regrettable is t
Read more