Showing posts with label Interactivity. Show all posts
Showing posts with label Interactivity. Show all posts

Augmented Reality: Hereafter

Scan the image with Layar app from your mobile device
or watch the YouTube video to see what happens.
Software: iPhoto, Layar, Photoshop

During the weekly workshops we explored the capabilities of augmented reality technology in theory and practice using the applications Layer, Creator and Junaio. We learned how to apply images with transparency, audio, videos and 3D objects (e.g. aerostats, 3D fishes, etc.) using image recognition, QR codes and location coordinates. We also experimented with emerging technologies and projection mapping in 3D space and learned how to generate concept ideas for both technologies. My first idea was to use photography and digital manipulation for the implementation of my augmented reality project. I used iPhoto to edit some pictures that I took with an iPod Touch camera. The first photo shows a broken bridge with a “1977” effect applied, in which I was planning to place a ghost. The other picture is a tree in some kind of lake with grass. I applied painting effect and I modified the colours. The concept idea for this picture was the existence of animal life through a painting, supporting the possibility of any artistic creation to be reality in a parallel universe. I was thinking to use the application Creator for making 3D birds coming out from the canvas. Finally I decided to make something even more artistic by taking advantage of the free membership provided by the university for learning how to create digital drawings in Photoshop. The digital drawing I created shows a kid who lost a family member, that can been seen using augmented reality technology. The idea is about a parallel universe somewhere in between our world and another (e.g. heaven), supporting the idea of life after death. The possibility of some human spirits stuck in the transition stage and can not leave our world because of unfinished business, something that keeps their soul here. Those ghosts may have created a universe based on memories from their life, this can includes moments, objects or even other human figures. Initially, I created a rough drawing of my idea and then I improved it in new layers. In order to make it more realistic I created some perspective lines using the path tool which helped me improve my draft in to sketch. The next step and most time consuming was the shadowing that transformed the sketch in to drawing. Then, I created the human skeletons and I followed the same steps. In this point I was looking how to present the ghost using augmented reality. Firstly I tried to apply an image with transparency, it was looking good but I wanted to make something more impressive. So, I used Final Cut Pro X to create an effect that makes the ghost show and then disappear in some kind of interference. I exported the video in MP4 file and I uploaded it on Dropbox. On Layar I created a new campaign and I uploaded the JPEG file of the digital drawing and finally I placed the MP4 video of the ghost using the link of Dropbox.

Reading Resources 

  • Lester Madden (2011) Professional Augmented Reality Browsers for Smartphones: Programming for Junaio, Layar and Wikitude (Wrox Programmer to Programmer), John Wiley & Sons
This textbook is an essential guide for gaining the basic programming skills needed to create mobile apps that using augmented reality technology in various mobile operating systems. The book introduces the leading augmented reality browser platforms including Wikitude, Layar, and Junaio by showing how to build location based content from the start to finish, in order to display POIs (points of interest) through the camera view of mobile devices, such as content creation (e.g. 2D, 3D, audio, video, etc.), content storing and automatic actions when the user approaches a POI. It also suggests source codes and explains how to edit them as well as other reading resources for further development. The book is supported by professionals through Wrox forum. This book is particularly helpful for understanding the technical and practical requirements of augmented reality apps as well as the fundamentals of its terminology.

  • Brian Greene (2012) The Hidden Reality: Parallel Universes and the Deep Laws of the Cosmos [Paperback], Penguin
This book explores different theories of parallel universes supported by a scientific perspective. It focuses on the possibility of our universe to be one among many others and the multiverse theory which is a set of multiple possible universes based on maths.


Video Game Proposal

This is an upcoming 3D game design project based on the Surf Camp project. It includes environment design, lighting, character modelling, character rigging, animation, audio, texturing and basic game programming. There are not programmers in this individual project. There will be explored some basic game programming skills for creating a software that viewers can explore the game environment by controlling the character to walk run and maybe jump, but the main object of the project is a motion prototype that showing how the game would look, sound and behave once developed. The project will be submitted in a website form with an animation trailer and description of the game purpose, concept and mechanics. It will contain a documentation with sketches, concept art and finished artwork for demonstrating the initial game state, in progress state, failure state, success state and maybe some gameplay variation.

Game Pitch:

The game will be based on the real job of lifeguard. You will be playing Tom, who guarding the beach of a summer camp. Your mission is to avoid customers accidents by informing them to follow the rules. For instance to whistle someone who pretending dead or playing a dangerous game, to ask the customers get out from the sea before a dangerous event (weather, waves, sharks etc.). If an accident happen you have to do the right action of a real lifeguard. For example to inform the replacement lifeguard when you saving someone, to decide if you will use the Jet-ski or swim, which first aid technique you will provide for each accident etc. You will also have to use lifeguard’s tools such as binocular, walkie-talkie and beach flags. But the real job of lifeguard is not only making observations and saving lives. A lifeguard may be distracted from small accidents, customer complaints, walkie-talkie calls or even nice looking people. It is exhausting to guard the beach all day if you don’t drink and eat enough or if you don’t put enough sun creme. If you don’t care yourself you will have to deal with limitation to your consciousness during your work. The purpose of this video game is to give an understanding of the mode of working to the lifeguard learners before start their job.


This is a 3D environment design project includes textured terrain, several structures, character, camera animation and a report with the basic stages of development, reached results and workbook pages.
Software: Final Cut Pro X, Maya
Modules: 3D Computer Modelling and Animation, GamePlay

Database Cinema

This is a short interactive film that uses the Database Cinema technique of Lev Manovich. A group of teenage hikers are walking by a river when a grizzly bear surprises them and attacks. Your mission is to keep Gachy alive by choosing the correct option from the interactive panel while the story unfolds. For the best possible control set the video quality to HD 720p or 240p. Try to click your option at the last time in order to watch the whole scene of the film.

Lev Manovich, His New Media Project

The purpose of this essay is to develop an idea how the two concepts of Lev Manovich, 'database cinema' and 'spatial montage', are used in his 'Soft Cinema' collection. Finally, it answers why they are appropriate effective tools for contemporary times, the age of Google and blogging. Particularly the essay begins with an introduction to Lev Manovich and some topics that does develop in his book “The Language of new Media”. Subsequently it emphases on important filmmakers Dziga Vertov and Peter Greenaway that Manovich does write about them, indicating the gravity of the his project. Then it focuses on the digital editor ‘soft cinema’ and its two concepts 'database cinema', which is a method that the narrative evolves by selecting scenes from a media collection. and 'spatial montage', the technique that software manages and place on the screen different sizes of diverse footage. Consequently it answers why those techniques are appropriate effective tools for contemporary times.

Software: Final Cut Pro X
Module: Media Cultures

Desk top publishing for Video Games

In this project I had to select a title of a video game and design a new control panel using computer media. Specifically, I was requested to design the desktops of the Main Menu and the Settings including all the necessary information for the navigation of the video game. 

Main Menu

The Main Menu was designed using the Concept Art technique, also known as digital collage. I downloaded several images and snapshots of the video game in order to create a new synthesis of layers having the concept sketch as a reference. I removed all the unnecessary parts of the images using the Polygonal / Magnetic Lasso Tool in Photoshop and I placed them into different layers. Then, I created a wooden sign for the menu using screenshots of the video game and the Horizontal Type Tool with the Papyrus font. Finally, I created some shadows using the Brush Tool, the Opacity and the Inner Shadow for the embossed text effect. In addition, I used the Colour Balance, Brightness, Contrast, Levels, Curves, Burn Tool etc. in order to make the composition more interesting and fix some issues. 

Settings Menu

The main requirement for the game settings was to create a proposal of an interactive menu. I decided to create a simple design using an interesting character of the video game. I proposed to use the fire of the candle as a selector. The character would move the candle and light the word that the user selects. The design was created on a black canvas in Photoshop. I downloaded the character from the official webpage of the video game. The fire from the candle was missing for some reason, so I used a random image to light the candle. Then, I added the text using Horizontal Type Tool with the Dark Ages font. Finally, I edited the colour of the text using the appropriate shades of grey in order to create the light effect.

Report: click here
Software: Photoshop
Module: Art Design and Media Practice within the Digital Environment
Constantine C.
London, UK