Interactive Environments: October 2009

Friday, October 30, 2009

This is my revised Idea let me know what you think guys?

The sun and clouds are controllable and the areas the effect are indicated by the sun rays shown and the rain fall.

I was thinking instead of having a character plucking carrots the carrots could glow when ready followed by anm indication of the points earned then they could dissapear to be replaced by new baby carrots or seeds to start the process again.

This is just a representation of what it may look like Skined on the big screen. I have chosen a colour scheme that it used within the game its skin and I propose we also use it on the website to tie the theme together.

This is my website idea using the same colour scheme and using the carrot as part of the navigation to further link the site back to the game.

This shows how all the elements tie together visually.

Here my flash mock up of the game aswell.
http://www.newmedia.artdesignhull.ac.uk/pshakesby/level2/bbcbigscreen/big%20screen%20mock%20up.html

Interactive corner

1. Face area is transparent for audiance to see the participant face on the big screen and to see there reaction to playing.

2. Hands to move over transparent arrow area to hit hot spots (3.) to activate rain on to seeds, left to right. Hands over just hotspots will not make it rain only once hand has left hot spot will the command to make the rain fall happen.

3. Hot spots in center of arrow can not been seen on screen.

4. Interactive game with the player been projected on to big screen with face showing and hands waving will show there interaction with game and also there frantic attempt to make the seeds grow.

Game for website: Storyboard

Screen 1:

The first screen that will be displayed in the game box will be the one on the left. It is simple and it tells the user how to start the game. Once the user has click the play button it will take them to the second screen.

Screen 2:

This is what the second screen would look like. There are 10 seeds laying on top of some soil. The user then has to click them all with their mouse to plant them and the game also tells the user this so they know what they need to do. Once the user has done this the game will take the user to the next screen.

Screen 3:

Screen three shows two large rain clouds and the user has to shake them using their mouse to make rain fall to water the seeds. Again the game tells the user what to do so they don't get confused. This screen will be on a timer so the user only has a certain amount of time to shake the clouds. Once the time is up the game will move to the next screen.

Screen 4:

When this screen is first displayed the clouds will be covering up the sun and the user then has to move them out of the way to let the sun shine. Once the user has done this the game will move to screen 5.

Screen 5:

The user does not have to do anything on this screen as it is just showing the user that they have successfully grown their carrots. Once the user has seen this it will then move to the final screen.

Screen 6:

This is the final screen in the game and it is for saying well done to the user and letting them know that they have completed the game.

Thursday, October 29, 2009

Colour Scheme for the Big Screen: Idea 1

This is the colour scheme I have chosen to use for the Big Screen: Idea 1.
(http://kuler.adobe.com)

Big Screen Storyboard: Idea 1

Screen 1:

The first screen that is displayed on the big screen is when it is counting down to the start of the game. At the top of the screen it shows the BBC's Dig In logo so that the users know who is doing the dig in campaign. Underneath the logo there is some text telling the users that it is counting down to the beginning of the game. The number of seconds is in a different colour so it stands out from the rest of the text. Whilst it is counting down, there is also some more text at the bottom of the screen and this is for different fruit and veg facts. These will keep changing after a certain amount of time. Once the timer has got to zero, it then moves onto the next screen.

Screen 2:

The second screen that is displayed on the big screen is the main game. It has the main game where the user has to try catch as many seeds as they can and they can control the character on the screen by looking at the camera section on the bottom right and putting there hands over the appropriate arrows. This screen also displays the amount of seeds they have collected and also the high score.

Screen 3:

The third screen is displayed after the main game has finished. This screen displays the bbc logo once again but then the text underneath the logo is congratulating the user and shows how many seeds were collected. Underneath the user's score there is the website address so that users can go play more games or find out more information.

Layout Idea for the Big Screen: Idea 1

This is a quick image of what the game on the big screen could look like. The aim of this game is to get the character to collect as many seeds as they can. The main game would take up 2 thirds of the screen. The third that is left would be split into two sections. The top section would count and display the number of seeds collected by the user playing the game but it would also have the high score displayed so it would encourage the users to try beat it. The bottom section would be what the camera can see e.g. the user playing the game so the user can see themselves on the big screen whilst playing the game. To control the character on the screen the user would have to put their hand over the left arrow to make him move left and the right arrow to make him move right.

To make the game more fun and interesting you could make the clouds move and also have junk food such as burgers and pizzas falling from the clouds and if the user catches one of them then points are deducted from their score.

Layout Ideas for the Website

Idea 1:

For this idea the header will be across the top of the page and could include the bbc dig in logo and then at the right side and the left side images of fruit and veg.

Underneath the header there will be the navigation for the website and the links could be.. home, games, recipes and tips for example.

The long box underneath the links will be for text and this text will be the welcoming message to the website and a bit of information about the dig in campaign.

The square box next to the text box will be for images. This could be made in flash so that the image in the box changes to a different image every 5 seconds or so. This makes the page more interesting.

The long box on the left will contain an image. This could be a screenshot of one of the games. the text box within the image box will contain text which could say.. 'Click Here to Play Games'. Both the image and the 'Click Here' text will be a link to the games page as this makes it easy for the user to navigate around the site.

The long box in the middle and the long box on the right will be similar to the one on the left but the middle one will be for Recipes so the image could be of a mixture of veg for example and the box on the right will be for tips so the image for that could be a plant pot. Again the images and the 'Click Here' text will be linked to the appropriate pages.

Idea 2:

The header and navigation bar in my second idea is in the same place as my first idea.

The large box on the top right of the page will be used for images. Again this could be made in flash so the images change to a different one after a certain amount of time.

The text box underneath it will be used as the welcome message and a bit of information about the bbc dig in campaign.

The text boxes down the right side of the page will be short bits of text to persuade people to visit the different pages. One will be for games, another for recipes and another for tips.

On the layout ideas I have tried to use plenty of whitespace so that the page is clear to the user so they dont get confused.

Tuesday, October 27, 2009

Update on The Big Screen

Wire frame #2

Fire frame example #1

WWhen the carrots grow upwards after 10 waves the carrot glows and floats /moves, over to the basket. each wave is a hit which adds growth to the garden which is growing veg on the web site

The more you keep the cloud/rain over the veg the more they grow, maybe 10 passes each hand over senors in a waving motion grows a full carrot, "give each player around 30secs to wave like made to grow the veg

In moving your hands over the sensors to keep the clouds over the seeds rain will appear

3 - 2- 1 With the count down going, gardener seth sows the seeds from right to left and off the screen as the game starts

Wednesday, October 21, 2009

ideas for the website

Here is a rough idea I have for the colours and style of the website:

Line 1

Line 2

Line 3

Line 4

Line 5

The colours were taken from Jamie Oliver's "At Home" cook book and show, I like how he grows his own products and then cooks them (which is what we are promoting) The show is layed out like a scrap book of ideas and recepies and I really like it, the website could be layed out this way and have a background of slightly muddy note paper like below:

This is a compilation of images that could inspire the website and project:

Wednesday, October 14, 2009

rough flash idea

you can see a very rough demo of my idea here:
http://www.newmedia.artdesignhull.ac.uk/pshakesby/level2/bbcbigscreen/bigscreenidea.html

My Ideas For BBC Dig in Big Screen Project by Phillip Shakesby

My idea for the project was to create a seed catching game where the user would have to catch as many seeds as possible using a character that would be controlled though the use of two buttons. These buttons would be virtual and the interaction needed to activate these buttons would be controlled by the big screens web cam.

Most web cam controlled games place the user in the game window for my idea I would like to try something different I would like to use two windows a game window where the game takes place and a control window where the user can concentrate on his positioning in relation to the games controllers. I believe this would make for a visually improved experience without making it to hard to use.

Another idea I had was to redevelop part of a project I did during my first year creating a colouring in application for the big screen. This would be need a physical interface and would be aimed at younger children I would like to have been able add the option to save the finished picture on a website for the children to print off at home. you can view the relevant part of my first year project here:

http://www.newmedia.artdesignhull.ac.uk/pshakesby/level1/semester2/designingfortheuser/colouring.html

http://pjshakesby.com/index.html

Idea for final piece

This is my idea for the final piece. It does not need to be attended by one of us. It is aimed at every age group and does not use fast movement or complex instructions to play.

Stage 1:

The user is greeted with limp, lifeless flowers (or vegetables) and hot dry soil. The flowers have not been watered in a long time and will die if not watered soon! When the camera detects motion, rain clouds will move in from the side replacing the white fluffy clouds.

Stage 2:

The user has to 'pop' the rain clouds to release water to feed to flowers/vegetables. The rain clouds would need popping as they are not able to do this themselves.

The user would have to repeat this process for all of the flowers until they look happy and healthy.

Stage 3:

Once all the flowers are happy and healthy they will sing and dance!!

I'm a little unsure as to how it would leave a lasting impression or how it would be made but it is just a general idea.

I really like the idea with carbon footprints, I like how it has a dance game feel to it as they are fun and entertaining! I also like the idea about competing between cities and that being represented by flowers growing :0) It gives the feel of competitiveness. The touch screen idea is really good also but it would have to be looked after in the area. If that is the route we decide to go on I would recommend that idea I think it is fun and entertaining! It could be incorporated into the website as a fun add on game?

Monday, October 12, 2009

The stp me and grow one tour from bbc/digin is at the big screen on
Fri 29th - Sat 30th May
Hull Big Screen: Queen Victoria Square

http://www.bbc.co.uk/digin/on_tour.shtml

Where ever the person moves to corrispond to where the foot print is will make it go away, the person does not need to stamp too hard as the presence of them been in the square will after a few seconds make the foot print go, with a big green welly doing a motion simlar to a mony python scetch.

To avoid a person covering two squares at once will have to implement a command that only a square that is clear may show a foot print.

Every time a stamp/time laps, on a foot print happens it would a be a hit for the web site to show some form of a thermomiter/tree clouring as it reaches the top to grow another tree/flower/veg.

Either split the screen on the main stage to show facinating facts to the public about Carbon munitions/plants/growing veg and the planet, or have the information in a transparent form between the clouds and ground.

The person could be an animation of person throwing seeds, The animation of the plants could be a scrolling effect from right to left with it been duplicated and to run indefinatly.

Where to get the information about facts etc:

Carbon Munitions- London company called Feral International, spoke to a spokesperson from there and they are more than happy to supply facts about carbon munitions and other related topics.

Veg Facts- Contact the digit/bbc contacts to enquire about a database on veg/flowers facts that they show on there web site.