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.