DSDN112 - Milestones

Milestone 1 - The filming has been completed for the video. Around 3-4 minutes of film was recorded with minimal takes. One scene had to be re-shooted as a door was closed and it made it awkward to get through. This door that was closed was one of those ID card scanning ones.
          When you have a camera in front of you with a tripod stabbing into your ribs and the camera strap around your neck, its difficult to get your wallet out of your back pocket and get the card out to scan it and open the door. Therefore, I jammed a jandal into the door so it was a bit ajar.
          The filming took a few hours and was overall a success, giving me enough film to edit and make a video that is around 2 minutes in length.

Milestone 2 - The editing has behun, adding the effects ontop of the filmed frames. The edited bits have been brought in from Adobe Flash to make the transitions a lot simpler and make it easier to use.
          As the camera was shot in a first person view, the effects will be overlaid over top of the frame so it just appears to be in front of you, rather than showing the frame of the glasses that i showed in the Flash animation. This doesnt restrict the size of the effects and allows me to expand it to the edges of the screen, making it easier to read the different parts and each word.
          To make the path faster so the video doesnt drag on and get boring, cuts will be made and the character will 'jump forward' in their path, moving a bit further forward every five seconds or so. This cuts down the length of the film and makes it more interesting as more changes.

Milestone 3 - Half of the video is complete and saved. This half will be added to Adobe Premiere Pro, and once the second section in complete they will be added together to add music and an infrequent over voice. The first path of the film (to get from Mclaurin lecture theatre to Kirk 302) is about 1 minute long, meaning that the second path needs to be a similar length to keep it even and make a good length film.

Milestone 4 - The second half of the film is now complete and exported into Premiere Pro. The process of creating the sound effects, music and speaking is now going to take place. I intend to have a simple song on loop playing in the background over the duration of the film, which will become softer when the character has an inner dialogue. The inner dialogue will be voiced by myself, while the song was sourced from

//www.freesound.org/people/Corsica_S/sounds/50072/

This song is just a simple guitar loop that sounds interesting enough. No script was made for the voice over, and will all be on the spot.

Milestone 5 - The film has been completed and uploaded onto Youtube and the R drive. It can be viewed below or at http://www.youtube.com/watch?v=OXZaIKij3sE&feature=youtu.be

DSDN142 - Images

DSDN112 - Storyboard

DSDN142 - Final Images

The images show the merged code of the water drop and the water ripple. When a drop of water falls past the top line of the water, ripples are sent out across the top of the water. To make it more confusing and interesting at the same time, the water has been flipped upside down, so gravity is reversed and the water drops fall up. This means when you click on the white, water driplets fall up to the blue area. The interaction is the way the water moves when you 'drop' the rain drops.

DSDN142 - Creating the water

When i went home for a funeral this past week, i managed to catch up with my brother, who had done computer science for three years. He helped me out in some code that i was stuck on that would create the wavelike interaction that i was looking for. The code i had create was rubbish. Long, cluttered, some things weren't even necessary. He helped me to tidy it up and make it a lot shorter and precise, and also remove the need to have the block rectangles. Now there is a flow through the water that can be manipulated by dragging the mouse with the button held down or sending out a ripple to either side by clicking in one spot. Also, larger ripples are sent out to the side when you drag the mouse upwards. (Shown in the images above) One issue that arose from this code that im unsure how to fix, is that the screen will go crazy if dragged to far (left)

DSDN112 - Style of filming

This is a possible style of filming. The classes frames are connected to the camera as if its looking through them the whole time. This could come to some issues if the glasses fall or the movement makes it difficult to keep the effects of the navigation device in the right place. Another possibility is to show a shot like this to give the appearance that the you're looking through the glasses, but then switch it round so that there are no glasses and the navigation device is just on the edge of the page.

DSDN142 - Wave

The idea of my code has changed slightly. I am staying with the water and creating the waves etc, but to simplify it and give it an overly simple appearance i decided i could use rectangles with no outline instead. Each rectangle would move depending on how the mouse is moved. For example, the first image shows that if you move the mouse from side to side under the water lever then it would create a wave.The second image shows that if the mouse is moved up, rectangles will flow out as if a ripple is sent out each side. I could possibly add in later the more and faster you go from side the side the larger the waves get.
To get this effect it involves create an array list with a lot of horizontal spaces. Each space in the array needs its own movement depending on the mouse position also. It could involve a lot of work.. potentially.. But it has a more solid interaction than the dripping work i have at the moment, which is a lot more control than interaction.

DSDN112 - Final Images and 200 Words

These images are the main navigation path when selecting Saved Classes. It shows a route from McLaurin lecture theater 103 to Kirk lecture theater 302. The first image shows the main menu. The second image shows the list of classes to choose. The Third image shows the drawn map with the green line to follow. The fourth image shows the directional arrow that points the user in the right direction. The last image is the screen that is shown when the location is reached, accompanied with a 'back' button and a 'home' button.

The navigation device, code-name: Spectacle is a device that allows the user to navigate their way around a city using only their glasses or sunglasses. The device is a small chip put into the right-side frame, which displays information on the chip. The chip can also be removed and put into a computer to save certain locations or classes.

             Spectacle focusses on the nitty-gritty details, what classrooms are needed at what time and a way to navigate to them efficiently. The glowing faint appearance makes them easy to use, as it won’t block the users vision from what is in front of them, while still being quite visible.

On the left lens of the frame there is a small nano-camera, which provides the navigation device with three extra options: Save Image, Delete Image and Recalculate. Save and Delete Image are self-explanatory options. Recalculate allows the device to take an image of road works or a dead end, and recalculate a new route to the location. This is the most effective feature of the device, allowing it to bypass traffic jams, calculate new routes to a location without getting stuck.

Spectacle is based off the Google Augmented Reality Glasses, with a new compact appearance that makes it seem as if the user is wearing a simple pair of glasses.

DSDN112 - Milestone

So the Camera path shown in the images previously has been finished. Additionally, i will add another path for a Map and ANOTHER path for the schedule, which will take the user to a page that they can view their saved classes and navigate to a new class.

The Map path is now finished also, which has several buttons within the path. The first, View Map, allows the user to view a map of the surrounding area. The map i created is basic, but enough to show streets and access ways. The other minor path within the major Maps path is Locations. This is a way to navigate to locations that aren't classrooms, such as a favorite restaurant or a nice shop. For the example, i used Te Aro Campus, Kelburn Campus, and three different addresses. The arrow buttons at the side navigate the one arrow up and down through these saved locations. From the Te Aro Campus button, if the independent arrow is click it will show a map of the path needed to be taken to reach Te Aro Campus. An arrow is then displayed at the bottom showing "200m" with an arrow pointing forwards. This would change when a corner is approached.

The last path that is going to be accessible on the navigation menu will be Schedule. This will bring you to three options. Saved classes, Delete Classes, and Saved Routes. Saved classes will show a list similar to the Locations list, but with classrooms, MCLT103, KKLT302 etc. Then when KKLT302 (The chosen class that i chose to navigate to) is selected, a route from Te Aro Campus will be displayed.This will be accompanied by background images to show progress to the classroom, and the directional change of an arrow. If delete class is chosen, the selected class will be deleted. The flash frames will then skip ahead to another set of the same menu, minus that one class. So it appears the class is deleted. Lastly, if saved Routes is selected, it will show specific routes that are programmed into the chip to bypass things like the construction going on up at Kelburn. This is used in unison with the recalculate, so you can save the route around the construction instead of recalculating every time you arrive at the dead ends.

DSDN112 - First Pathway - Camera

So the Camera feature of my navigational device is mainly used to take photos of issues in the current path, such as roadworks or a dead end. The image is then sent over to the chip which gives three options.

Save - Save the image to the limited memory of the chip, allowing the capture of interesting or exciting short-lived events quickly without missing out or having to take a camera or phone from your pocket.

Delete - Deletes the taken image instantly so it does not take up space, useful if a photo ends up being bad.

Recalculate - This is the main feature of the camera. It records the roadworks or road block and 'recalculates' a new route to take to reach your destination in the most efficient time. Recalculate allows the camera to communicate with the chip on the other lens of the glasses and this results in a new map being drawn in front of your eyes, literally!

The path that is taken to get to the camera and recalculate will be shown in the flash project, but for the time being, here is several jpegs showing how the path will go.

DSDN142 - The beginning process

After a long time of coding and some help from people, i managed to code it so that each drop hits the top of the water and the water level rises. After discussion with Angela, the idea of making a jar that is filled up with the liquid arose.

The jar is shown in the images below. The code to make the water not go outside the jar was averagely complicated (making an if statement with 4 different things inside the squiggly brackets). The issue arose of the water droplets falling off the edge of the page and resetting, falling from the top of the page and gaining speed. This repeats again and again and makes the image confusing. This is shown in the image at the bottom.

DSDN112 - Beginning of Flash

As i was walking out of Te Aro, i saw the road works that directed people around the sideway. This was a base for the background. The background will be used for the camera icon, where the recalculate menu will be used. This will be followed by the generation of a new route to Kelburn.

DSDN142 - Water and Dripping

 The top most images show the movement of water drops, in a similar pattern they fall. This was an adaption of the code Steven created, modifying the way they fall, the buttonPressed style, the shape of the image and the bounce that was there. The drips fall off the edge of the page now. I intend to combine it with the basic code that creates the wave shown below, and as the drops fall below y = 500 the wave rises, as if the water drops fill the water wave at the bottom up. The basic code that is about 5-10 lines that creates the wave comes into some problems with the rain drops rain. The bottom image shows the problems that arises. The drops aren't shown when the click occurs. Also, the colour used for the water drips disrupts the wave. This makes a difficult interaction between the two.

DSDN142 - Fire

This is images of a code i found on OpenProcessing that uses fire. The movement of the mouse determines a path that the fire follows. This has a good effect and looks impressive but my skills at creating code is not up to the level to make something like that.

DSDN142 - Playing with ice

This is the processing code that is similar to the shards made by the ice, the fly freely and upon click they change colour and begin to swarm quickly around the mouse.
This is just playing around with the coding processes we newly learnt. A random path is generated for each of the diamond ice shapes and upon click the random generation is smaller and spirals in a specific area around the mouse.

DSDN142 - More influences

The last nature inspiration i took was the appearance of icicles and ice. The jagged solid shapes of this in comparison to the flow of fire and water creates an interesting appearance. The top image shows the hanging icicles from a cave entrance, which makes the long tendrils that appear dangerous and static. The bottom image is the shine through ice from the sun, which has a wet appearance despite its solid feel.

DSDN142 - More influences

Another influence i took from nature was the appearance of fire and the glow that come from the flames. Also the tinge of a setting sun, the orange glow that appears from that, which is shown in the images below. The top image shows the comparison between water droplets and the glow of a setting sun. That contrast makes for an interesting appearance. The bottom image shows the glow and appearance that fire can have, as it crosses over itself again and again.

DSDN142 - Influences

After thorough consideration, i took great influence from nature and natural materials. The movement of water was a great influence from nature. The appearance of drops and the flow of water will be used in my processing designs. The top image of the water footprints show the way water can form into shapes and drops. The bottom image shows the flow of water when it is full, and the bubbles that form under the surface of the liquid.