This project is about working with augmented reality. With using programs such as Vuforia and Unity, we can explore what the future would look like if we had AR glasses. As you can see from this image, our task was to create five different widgets from our phones such as clock, calendar, or weather applications, and create them into our augmented reality.
In order for our creations to show up on our webcam, we had to use image markers for the models to appear. For this assignment, I used the five markers given to us to create the following widgets below.
Time: As you can see from the image, this widget tells you the current time on the computer system. Pretty straightforward. For my model, I decided to make it look like my digital alarm clock in real life. The clock is using the Drone Marker.
Date: Similarly, this widget tells you the current date on the computer system, and it displays the current month, day and year in the MM/DD/YY format. For my mode, I decided to make a digital date clock, but it only shows the date in this case since it is a date widget. This is using the Astronaut Marker.
Temperature and Humidity: This widget displays the current temperature and humidity outside in real time at Chicago. I made two thermometers; the red one displays the current temperature in Fahrenheit while the blue one displays the current humidity in percentage. They are both on the Fissure Marker.
Wind and Direction: This widget displays the current wind speed and the direction of where the wind is pointing in real time at Chicago. I modeled what is suppose to be an arrow, but it's a little funky. Anyway, what this arrow does is it points to the direction the wind is blowing, so in this case, it is pointing south east since that is what it says on the text. It also displays the wind speed depending on how long the orange cylinder is. The orange cylinder initially starts out small, but when you run the program, it will change in size depending on the wind speed, which is 8.03 mph at that time. This is being used on the Oxygen Marker.
Weather: This widget displays the current weather in real time at Chicago. This widget accounts for 9 different weather conditions (clear sky, few clouds, scattered clouds, broken clouds, shower rain, rain, snow, thunderstorm, and mist) depending on their unique IDs on this website: https://openweathermap.org/weather-conditions. I also based my models off the icon pictures of each weather condition from this website. This widget will initially show the current weather condition in Chicago, but if the user wants to see the other weather conditions or debug the program, they will have to navigate with the left and right arrow keys, and it will show each weather condition with a unique sound effect. As you can see from the images above, after navigating with the arrow keys, you will see the other weather conditions. This widget is used with the Mars Marker.
Below is a short video showing off all of the widgets created in this project.
You can click the link above to take you to my GitHub project page or click here. Click on Code and download the ZIP file from there. In order to run this project, you must have Unity Version 2019.4.1f1 and Vuforia Version 9.3.3 downloaded on your computer. You must also have access to a webcam to work with the AR camera. You must also have access to the image Markers in order to showcase each widget. Here are the copies of the Markers below if you want to print them out onto paper and then cut them out.
http://www.evl.uic.edu/aej/428/20files/4%20mars%20markers.png
http://www.evl.uic.edu/aej/428/20files/2%20more%20mars%20markers.png
In order to use this program, you must open the project on Unity and press Play from there. The reason why there isn't a built version for this project is because I am using the free Vuforia engine, and it doesn't allow for builds, so we are just going to use Unity to run the program. Anyway, use the markers you printed out and show them onto your webcam. This will show the widget depending on which marker you are displaying. If you are using the Mars marker to show the weather, you can also use the left and right arrow keys to debug and see the other weather conditions. Hopefully, you enjoy using this application!
All models are made by me using Unity's components. For a list of sources I used not made by me, click here.