Wednesday, 2 March 2011

Researching and exploring ideas

Idea generation
                Matt, Connor, Danny
Our group came up with a few ideas in the short time we were given to brainstorm in groups however having the extra time on our own let us come to the group a lot more informed than what we would have been other than just been thrown into a group.
The first
The idea that came to mind first was a completely interactive game style idea where you match sentence about each animal to each other this however proved to be a very weak idea due to it being done a lot while we were young and we felt it was an ineffective way of learning or keeping young people interested.
This idea however will prove to still be useful in the sense that it could be used as an end task to the interactive idea we create as the final project if we choose too.
The Second
Was to have a tank made of fully animated fish that would swim around aimlessly until hovered over then the fish would pause and come up with a bubble with information about the fish but also maybe parts of the speech the woman gave us about each fish such as the turtles personality and background. General information such as how the turtle has health issues and things like that to keep the audience engaged and hopefully attract the into the aquarium to learn more about the background stories of the animals
This idea was our strongest idea and we all agreed that we could use it and make a very successful animation. This would have been interesting piece of work to fit our brief affectively. However on trying to refine our idea we starting to completely develop a new idea and have decided to create the new idea.
The Third and Final Idea
The idea was to create and panorama on the aquarium therefore creating a feeling that you are actually in the aquarium. We decided use arrows based on the Google map style of interface that you could fully interactive with such as turn in view looking up and down.  When you click on the arrow it will lead you towards the tank. However we have decided that it will just take you straight to the tank because we didn’t want to be able to stop and look at other tanks therefore creating a lack of reason to actually go to the aquarium. Once you pick the tank you would like to see, the view of the tank would be a video (hopefully) and we will work over the video to insure we can set up the bubbles for charismatic fish to explain what they are and things about them.
Overall this idea seemed the strongest playing on our strengths in the group such as we knew we would struggle to create a flash dominated project because we don’t have very good flash skills. Therefore finding an idea that is both engaging and interactively complex was very useful for our group.


This is a website for the lastest Dynasty warriors 7 game. The site opens up to a quick animation. The screen shots taken above are from the "characters" section of the site. Here you can select different empires at the bottom, all filled with different characters for those empires. Here you move the mouse to the edges of the characters of either end, and it will scroll along to reveal more characters, stopping once you get to the last character. Highlighting any character will highlight their background with their representative colour, distinguishing that character from the rest by your highlight with the mouse. Clicking on any character with bring up a closer image of the character and character bio. Below the bio you can select either "Full Image" to bring up a full size image of that character art. Or click "Voice" which plays a short sound clip of that characters voice.




Mouse over 1

var speed:uint = 1;

addEventListener(Event.ENTER_FRAME,myFunction);
function myFunction(event:Event) {

fish.x+=speed


}
addEventListener(MouseEvent.MOUSE_OVER, rollover);

function rollover(evt:Event) {
speed+=3
}

Mouse over 2

import flash.events.Event;

var maxSpeed:uint = 10;
addEventListener(Event.ENTER_FRAME,myFunction);
function myFunction(event:Event){
//Find the difference between the mouseX and fish X
var diffX:int = mouseX - fish.x;
//To convert it to percentage

var percX:Number = diffX /fish.x;
//Finally moving it based on the percentage
fish.x +=percX*maxSpeed;



var diffY:int = mouseY - fish.y;

var percY:Number = diffY /fish.y;

fish.y +=percY
*maxSpeed;



}
The first one, I animated a box to move slowly towards the edge of the flash stage, and also moving the mouse over the box made the box move faster everytime the mouse moved over it.
The second, I animated a box to follow the mouse, first I did it so it would only move right and left. Finally animating it so it could move anywhere(left right, diagonally etc)

This is a reference to the national aquarium's photo gallery, which my group can use to help us with research for the fish we need to use for the three different tanks.
http://www.national-aquarium.co.uk/gallery/website-photos

Developing an idea for interaction work

Idea generation
                Matt, Connor, Danny
Our group came up with a few ideas in the short time we were given to brainstorm in groups however having the extra time on our own let us come to the group a lot more informed than what we would have been other than just been thrown into a group.
The first
The idea that came to mind first was a completely interactive game style idea where you match sentence about each animal to each other this however proved to be a very weak idea due to it being done a lot while we were young and we felt it was an ineffective way of learning or keeping young people interested.
This idea however will prove to still be useful in the sense that it could be used as an end task to the interactive idea we create as the final project if we choose too.
The Second
Was to have a tank made of fully animated fish that would swim around aimlessly until hovered over then the fish would pause and come up with a bubble with information about the fish but also maybe parts of the speech the woman gave us about each fish such as the turtles personality and background. General information such as how the turtle has health issues and things like that to keep the audience engaged and hopefully attract the into the aquarium to learn more about the background stories of the animals
This idea was our strongest idea and we all agreed that we could use it and make a very successful animation. This would have been interesting piece of work to fit our brief affectively. However on trying to refine our idea we starting to completely develop a new idea and have decided to create the new idea.
The Third and Final Idea
The idea was to create and panorama on the aquarium therefore creating a feeling that you are actually in the aquarium. We decided use arrows based on the Google map style of interface that you could fully interactive with such as turn in view looking up and down.  When you click on the arrow it will lead you towards the tank. However we have decided that it will just take you straight to the tank because we didn’t want to be able to stop and look at other tanks therefore creating a lack of reason to actually go to the aquarium. Once you pick the tank you would like to see, the view of the tank would be a video (hopefully) and we will work over the video to insure we can set up the bubbles for charismatic fish to explain what they are and things about them.
Overall this idea seemed the strongest playing on our strengths in the group such as we knew we would struggle to create a flash dominated project because we don’t have very good flash skills. Therefore finding an idea that is both engaging and interactively complex was very useful for our group.


Aquarium presentation


Me and my group had a presentation( 16th march), where all groups in the class had to present their current ideas and plan to a member of the awauarium. Out of six groups, the first three stayed to present their work, while two other groups watched. While the last three groups wondered the aquarium while the other three presented.
My group present our current idea to the staff member. She seemed pleased with our idea and gave us what I consider positive feedback, she encouraged us to return to the aquarium and ask members of staff about the fish and their personality's for our idea of giving the fishes names and personality 's. She also encouraged us to research local fish which could be used for the Atlantic tank
Overall i feel the presentation went confidently well.

Working within constraints

Completing the work




Reviewing your own work

The Interaction unit was based working in teams to make a flash animation for our National Aquarium. We began this unit by starting with researching and planning. The first thing we did was visit the aquarium so the staff there could talk to us a bit about the aquarium, the fish and what they wanted us to do for them for this unit. For this unit we were put into teams of three and progressed by talking to each other and planning different ideas, this was very useful method of brainstorming and work particularly  well in my group. This allowed us have to different possibles ideas ready to create and finalised which we would find the most realistic and creative to design.
For research I looked into interactive art, majority on YouTube to generate some ideas for how we could make a creative, interesting and unique. I didn't gather much research as I was confident with the idea we went ahead with, which we came up with very early in the planning process. 


My idea was to use the main, big room in the aquarium as the focus of my animation, with the large tank. I took 360' photos which then can converted into a panoramic image in Photoshop then imported into my flash stage. Through the use of Flash tools, I was able to create a fully 360' spin image. To create animated fish, I used whatever image of a fish I had, put it into Photoshop, then used a tool called "Puppet Warp" which allows you to dynamically move parts of the image. This allowed me to move the fins of the fish. I created about around six different positions of the fish and it's moved fins, saved those images then imported them into flash where I could animate them together to create a dynamic animated fish. After finishing the panoramic image in flash, I could import the animated flash onto the stage. By putting the fish over the fish tank in the image, giving the impression they were in the tank and not just on top of the image.


What I like and enjoyed about this project for the biggest part, was doing this work for our National Aquarium. It was a good taste of what it's like doing work for a client. It was very engaging, allowing me to put use of idea generating, planning those ideas, working towards accomplishing those plans and also how to deal with any constraints that affected the development of my plan. Which I did encounter during this project. A few things during the early stage of development really setback the progress of my plan, forcing me to change the idea behind my plan considerably. This really affected the time I had for the development of the work for this project. Leaving it to be unfinished.


What I would do differently next time is ensure I had a plan with a 'Plan B' behind it, maybe a simpler version of my first plan, to setback on in case there were constraints with my main plan(like there were in my project). Whilst there was no choice in the matter. It would be professional if I could pick team members with the adequate skills for my idea requires. Having a team members with mutual skills in one area and none in the other required, or none at all for what the idea needs. It can really affect the development of the idea.