Week 12 - Week 15
Ahmad Firas Bin Ahmad Fisal | 0345121
Experiential Design | Bachelor of Design (Hons) in Creative Media
Task 04: Final Project
LINKS AND SHORTCUTS
- - Continuation from the last Prototype stage documented in Task 03's blog.
Progress-to-date (future):
- UI buttons and their animations to appear from the business card and out
- Images of selected design projects
- Name and Real photo
- Clickable buttons to its directed content (LinkedIn, Blogspot, etc.)
- Ensure that my C# Script process goes smoothly as it is the most challenging part for me
FINAL PROJECT
Preparation: Physical business card
Before progressing with the Unity software for the final project progression, For the business card project, we were advised to print out the physical card to showcase the image targeting after the application had been built successfully.
 |
| Printing - Physical Business Card |
Adding UI Buttons, Texts and Portfolio featured images
As a continuation of the prototype, I've now added buttons and texts to place them well and strategically as planned in the concept image to put my social media links for users to click on them. Images of the featured design work that I wanted to portray are also placed in such a position. More social media represented in icon buttons are placed at the bottom of the business card. However, instead of having all four, later in the project, it was reduced to only three as the e-mail icon is much more complicated to do as it requires special instructions that I wasn't able to complete in a short time.
 |
| UI Buttons and Texts |
 |
| Portfolio Images |
.png) |
| Social Media Links |
After placing all of the elements in the workspace as I envisioned it in the concept, it is time to test out the scene through unity by hitting the button play. A preview of the final project without C# scripting will be shown below;
 |
| Complete Workspace Overview |
ARBusinessCard preview (No C# Scripts)
As expected, the whole image target and also the icons and images are well visible indicating the success of the first part of the final project creation. Moving on below would be the C# coding and also Animating the sections of the contents (full outcome will be shown in video format to view the animation).
 |
| Play - Project Preview |
C# Scripting Progression:
This took quite some time. While it looked easy and doable, I was having quite a setback as I had to learn as I went because I'm totally unfamiliar with C# coding. I was able to find a tutorial online on how to make my C# script reflect the features that I would want to have in the final project's outcome.
 |
| C# Script Workspace |
After completing the C# coding, I proceeded with linking every icon and image that I would want to be clickable to their respective links through this On Click feature in Unity. I had to link the LinkManager C# script to the icon/image and further choose the respective hyperlinks appropriate to the icons.
 |
| On Click - C# Linking |
Animation Progression:
For this animation, the vision would be for the sections of the elements are come out in sequence to have some differentness to the whole look of the project. I remember an activity that my friends and I were checking out on animation tutorials and how it would integrate well with my final project. Hence, the decision to create this animation.
Just like usual animating software, keyframes are always involved in ensuring how the elements move throughout the workspace according to their respective time stamps. I then further animate each icon and image and adjust the time stamp for the keyframe to delay by a split second for the elements in a sequence.
 |
| Intro - Animation |
 |
| Animation Transform - Keyframe |
After keyframing the elements, this was a tip given by a YouTube that I watched several tutorials we are required to uncheck the loop time box and cancel it out so that we could prepare to make the animation not loop as I would want the elements to only be animated when they are appearing upon scanning by the user's device.
 |
| Animation - Loop Time Cancellation |
Moving on, it is the On Target (Found or Lost) feature that is highly important to ensure that the elements move in a certain way that I intended them to move as shown in the video preview further down this blog. I was quite confused about how it works but after completing this with the help of forums and videos I've watched, I could see the whole function of doing this.
%20C.png) |
| Animation - On Target (Found or Lost) |
Final Project Overview from Unity:
This is the final project overview, screen recorded from the Unity Software. However, the screen recorder I used through this Windows laptop, only allows me to record the active web, If you could see the flashing light after I've clicked one of the icons/images, that indicates the website is being opened after clicking the button from my point of view. After being satisfied with the end product, it is time to carefully further the steps of building the file and exporting it in APK for my Android phone.
The image attached below is the material for the image targeting to view the project. The lecturer could find this image inside the Google Drive submission folder as well.
 |
| Image Target for ARBusinessCard |
Building the file and Installing APK into the phone (Exporting):
This was the most nerve-wracking step as it required me to carefully recheck my build and player settings to ensure that it would be built successfully before testing it out on my phone. After the download finished, I transferred the APK file through Google Drive so that it would be accessible through my Android phone.
 |
| Final Project - Build |
This is a point of view of the APK file being installed on my phone. However, upon trying out after successfully going through the first scene of my application where my logo and the 'scan now!' button could be visible, the screen then turned black/blank and the camera of my phone wasn't able to be viewed from the application causing the whole project in the verge of failing because without the main purpose of the camera popping up to scan the image target (business card), nothing will then appear.
 |
| Final Project - APK Installation |
Troubleshooting:
After contacting my lecturer, he suggested a few things for me to try and do to fix the problem. However, none of the suggestions were helping until I stumbled across this forum on Google after countless searches, the user in the forum suggested that I should change the player settings of the application and turn the 32bit application into 64 bit and also instructed me to change the Scripting Backend to IL2CPP instead.
 |
| Final Project (APK) - Troubleshooting (32bit to 64bit application) |
After repeating the entire exporting process I proceeded with installing the new version of the APK file in my phone and began testing it out. Fortunately, the application functions well and both scenes are visible my business card was able to be captured by the image target and all the contents with their animations and hyperlink function are successful. The video attached below will be the walkthrough application presentation which is part of the submission as well.
WALKTHROUGH PRESENTATION AND SUBMISSION
*Links to other blogs are displayed at the start of this Task 04: Final Project's blog.
*The Google Drive link containing the required items for submission has been submitted to the lecturer via the MyTimes submission portal.
REFLECTION
Truthfully, when starting out with this whole module, I felt so lost until the very last few weeks after being able to catch up slowly by completing the four main exercises that were blogged in the exercises blog. With that being said, doesn't mean that I could do complex projects. Being able to complete this AR Business Card project feels like a milestone for me because never in the first 10 weeks of this module have I ever felt like I was able to complete anything. After completing this business card project, I do feel super relieved and confident with my project. that I now know a few things that we should do before starting a project in Unity. I'm interested in learning more about this software without the tasks being graded because this software is actually really challenging. Special appreciation to my fellow friends for motivating and helping each other out when faced with challenges along the way.
Comments
Post a Comment