Menu

Project page

Eat It, Augmented Reality

About

Eat It, Augmented Reality

This is my first project for the CS491 Virtual and Augmented Reality class at UIC. It consisted in creating an Augmented Reality breakfast table, with some given targets: a placemat, cereal boxes, cans, magazine. The goal was to create a scene of how breakfast could be in the future, by augmenting everything with 3D objects, particles, sounds and implementing interactions between objects. I chose the theme of Alice in Wonderland because it's the first thing that came to my mind when the professor was explaining the project specifications.

Stay with me in Wonderland, and I'll show you how deep the rabbit hole goes.
Download entire project

MODELS

This is a list of the models I took from the web and imported into my application without modifying them at all, you can click on the model image to go to the source website and download the model.


MY MODELS

This is a list of the models I created from scratch or got from the web and modified, such modifications include: mesh transformation into low-poly mesh for the purpose of reducing the size and the graphic computation to render the scene, exploding object and taking pieces of it, UV Unwrapping and creation of textures to color models that had no material. If a model comes from somewhere in the web the link will be its source page, and the modified object can be found by downloading my entire project. Models created from scratch by me have a link to download the model in formats of type .FBX, .obj or .dae, complete with textures.

2D Graphics

The 2D graphics on the boxes, can and magazine were created starting from some images found on the web, here are the source links:
Caterpillar
Caterpillar 2
Hat
Mad Hatter
Nutrition Facts
Cookbook
Food
Card
Alice Cards

Sounds

These are the sounds source associated with each of the objects.

Main scenes

Scene I

Mad Hats cereal box


The first cereal box contains yellow cereals in a hat shape, in the Augmented Reality scene you can see them floating around the cereal Box and going from the 2D bowl on the back in the 3D bowl in the front.

The 3D objects in the scene are: the mad hatter, another one of his beautiful hats, a pair of scissors he needs to build hats, a bowl, a spoon and the cereals. I entirely created the bowl and the cereals, while for the mad hatter I took a High Poly model, transformed it in a low Poly, UV-unwrapped the 12 pieces of which it's made and created a texture for each one. The faces of the box are completely replaced by 2D graphics.

This cereal box interacts with all the other boxes and the can, when it's close to one of them the mad hatter starts saying advertising for his cereal creations. It also interacts with the placemat, that displays nutrition facts as soon as it is placed onto the placemat, and as explained in the Placemat interactions section, it could trigger a sad or happy 3D emoji.

The cereals sound plays when the box is put onto the placemat.

Scene II

Smokey Os cereal box


The second cereal box contains grey donut-shaped cereals, in the Augmented Reality scene you can see them been blown out from the mouth of the 2D Caterpillar which is smoking Shisha on the front. The smoking cereals in the animation tend to disappear over time thanks to the diminishing alpha component of the faded material applied to the object.

The 3D objects in the scene are: animated green and blue mushrooms, red and white mushrooms, white smoke (particle object), the animated cheschire cat head, a duck-vinegar object, a caterpillar on the back, the cereals created with a displacement modifier in order to present a rough surface. I entirely created the cereals and the white and red mushrooms, the faces of the box are completely replaced by 2D graphics.

The smokey Os box interacts with the mad hats and when they're close enough a "we're all mad here" 3D text by the cheshire cat starts to appear and fades away. It also interacts with the placemat, that displays nutrition facts as soon as it is placed onto the placemat, and as explained in the Placemat interactions section, it could trigger a sad or happy 3D emoji.

The smoke sound plays when the box is put onto the placemat.

Scene III

Aced Tea


The augmented can became a iced tea beverage called Aced Tea since its main theme is the Aces cards from Alice in wonderland.

The 3D objects in the scene are: the door handle, the animated card that is spat out from the mouth of the door handle, the ace cards, one of which's spear is animated, a mug and a floating "drink me" sign. I entirely created the mug and its texture, the faces of the box are completely replaced by 2D graphics.

The aced tea interacts with the mad hats and when they're close enough the "Drink me" signs starts to have a periodic movement. It also interacts with the placemat, that displays nutrition facts as soon as it is placed onto the placemat, and as explained in the Placemat interactions section, it could trigger a sad or happy 3D emoji.

The tea kettle sound plays when the can is put onto the placemat.

Scene IV

Rabbit Hole


The rabbit hole is a special food container, it contains a random sample of a type of food.

The 3D objects in the scene are: the rabbit hole, a pencil-animal, a coke bottle, a jam jar, the rabbit with the animated "Follow me" text. I created the abstract rabbit hole in the form of a black hole.

This cube interacts with the mad hats and when they're close enough the rabbit hole behaves like a black hole, swallowing the objects around it.

The engine sound of the rabbit hole machine plays when it's swallowing objects.

Scene V

The Alice in wonderland Cookbook


The Alice in wonderland Cookbook is ideally a recipes book inspired by Alice in wonderland, you can use the virtual buttons, displayed in the pages as logos of an open book and closed book, to flip pages back and forth.

The Book also contains instructions on what your healthy breakfast should be like. In particular, it says that it's okay to eat any of the two types of cereals with aced tea, but it's not recommended to eat both cereals as your meal would be hypercaloric. This is also reminded by the placemat, as soon as you place your chosen items on it, a smiley or sad face will appear depending on your choice. Put any of the cereal boxes and the can on the placemat to make the 3D smiley emoji appear, put both the cereals onto the placemat to make the sad emoji appear instead.

Interactions among objects

The mad hatter drives everyone crazy, just put any of the other boxes or can around him and magic animations will start.

Interaction I

Mad Hats and Aced Tea


When the mad hatter is close enough to the Aced Tea, he will start screaming and advertising for his cereal creations. On the other hand a "Drink me" sign starts floating with a periodic movement.

Interaction II

Mad Hats and Smokey Os


When the mad hatter is close enough to the Smokey Os, he will start screaming and advertising for his cereal creations. On the other hand the cheshire cat will start saying "we're all mad here" in a 3D text which eventually fades away.

Interaction III

Mad Hats and Rabbit Hole


When the mad hatter is close enough to the Aced Tea, he will start screaming and advertising for his cereal creations. On the other hand, the rabbit hole will start to behave like a black hole and will eat all objects around it.

Placemat interactions

Interaction I

Cereals and can with placemat


As soon as a cereal box or the can are placed on the placemat, a display with nutritional information relative to the specific object appears, the quick sound of the holographic display is a laser sound.

Interaction II

Smile emoji by eating any cereal box and the can


As explained in the Alice in Wonderland CookBook/"Magazine", the placemat reacts based on the type of food the user is trying to eat, in particular, a good breakfast suggestion is to have any of the cereal boxes along with a good mug of Aced Tea. In this case a smiling 3D emoji will set as a sun on the background.

Interaction III

Sad emoji by eating both types of cereal


As explained in the Alice in Wonderland CookBook/"Magazine", the placemat reacts based on the type of food the user is trying to eat, in particular, having both the cereal boxes together is a bad meal because it would consist in too many calories. In this case a sad 3D emoji will set as a sun on the background.

During the development

Some screenshots during the development and the final picture.

Screenshot I

UV Unwrapping on Mad Hatter


Screen

Screenshot II

Painting the texture of the smile emoji


Screen

Screenshot III

Painting the texture of the Smokey O cereal


Screen

Screenshot IV

Final picture


Screen

Video

Video presentation

Contact Us

Reach out for a new project or just say hello

Send Me A Message

Sending...
Something went wrong. Please try again.
Your message was sent, thank you!

Contact Info

Where I live

Bussero, MI
20060 Italy

Email Me At

mrk23 at hotmail dot it

Call Me At

Mobile: