Vuforia Workshop

Chris took us through Vuforia and how to use this in Unity.
As I had already downloaded Unity but didn't add Vuforia when installing, I had to download the Vuforia support for Unity.

We added an AR camera using the Vuforia Engine and added an ImageTarget to the camera.
We deleted the other GameObjects from the scene that weren't needed for this project.




In the project settings' XR settings we enabled the Vuforia Augmented Reality Support.


We then pressed 'Add Target' to the ImageTarget GameObject and we were automatically sent to the Vuforia site. We logged in created a project and went to the develop section and pressed, 'Get Development Key'. This gave us a free development license key. 


On the AR camera we clicked 'Open Vuforia Engine Configuration' which allowed us to insert the development key in the 'App Licence Key' section.

We then added a database to the project we created earlier and added a target to this database. 

The target we created was a single image (we downloaded an image of a lion) and added a width of 30cm.



After adding this target we refeshed the page and the status of the target became active. 
The image only had three stars because Vuforia prefers images that have more lines (vectors).




These are the points that Vuforia picked up and therefore means that the target that is displayed doesn't require colour as it is only looking for lines to display the image.
We then downloaded this database for the Unity editor and imported this into Unity.



In the ImageTarget GameObject we selected the Database and Image Target.
We added a Quad to the ImageTarget GameObject so that we could view this image in the scene.



We changed the rotation to 90 degrees and the changed the scale to fit to superimpose a video on top of the Image Target.



We then dragged and dropped the Lion video into the resources folder in our assets panel which allowed us to add this to the Quad GameObject.



We added the video player component to the Quad GameObject so that the Quad could play the video.



I videoed the final result which you can see that the lion image changes to the video clip of the lion.

Chris then showed us how to export the app build so that it works using an andriod device instead of the laptops webcam.

Comments

Post a Comment

Popular posts from this blog

Logo Design

Image
I specifically wanted my logo to be an SG as these are my initials. Therefore I attempted to a few different designs until I found the one that I liked. For this post, I have put my logos on blackgrounds so that they are visible. This was my original logo however I wanted to change this slightly as I feel as though it didn't fit the feel of my website and was too simple. When creating this logo, I took into consideration my background and the type of style I wanted to go for. I was inspired by my favourite game FEZ as I really like what they did with the title of the game. If you look at their logo closely you can see the logo from both angles and really liked this effect. I decided to put the S and the G at different angles as it resembles a butterfly. When you see my logo from a different angle it looks as though a butterfly is flapping it's wings which I believe fits well with my background. I played around with the design of my previous...
Read more

Bootstrap Template

Image
I decided to use a bootstrap template for my website as I thought this may have made elements faster to implement as the template would already be responsive. I researched the benefits of using bootstrap and according to Christopher Gimmer in his 2014 blog 'Top 5 Reasons to use Bootstrap', he stated in his conclusion that, "...there are several benefits to using Bootstrap. The framework allows for rapid, responsive development that is consistent and well supported by the development and design community." His five reasons were, "Speed of Development, Responsiveness, Consistency, Customizable, Support" which I understand and agree with and therefore believe it is beneficial to use bootstrap in this project. This specific bootstrap template was similar to my mockup design and therefore by editing the code this template could look similar to what I had designed and invisioned. Bibliography BOOTSTRAP THEMES. (2018). Boomerang – Bootstrap 4 Business ...
Read more