Create rocking graphics for 2D Web/App games.
Create HTML/CSS to display the frontend (animation is optional)
On the website [url removed, login to view] there is a series of games.
The site works as a standalone website and in Facebook(the auto Facebook login is out commented at the moment because it did not work in the Android app) but the main focus at the moment is as the content provider for the Highscorechallenge App in Google Play for Android phones.
Search for “Highscore” and it will pop up amongst the first 4-8 in the games section.
Each game is a single JSP and there is nothing advanced just an HTML page with an CSS file and a graphic folder.
There is currently 6 games, but at the moment I have developed the backend and raw JSP for 4 additional games. On top of that there is additional 4-6 games under development.
The new games is at the same “Frontend complexity” level as the 6 current games
The assignment is to build one or more games frontend HTML, CSS and Graphic file based on inspiration from the 6 games, a sketch of the new game and access to the raw prototype(playable).
From the outset the Original size of the page and graphics is 800x480 and then this is scaled on the page (see header in all the pages)
I send a sketch for a game, a small howto and description and access to the actual game in its current form (numbers on a raw HTML page with text links as “buttons”, but fully playable in mega geek mode ;-)
You draw a quick Look and Feel graphic draft and get my feedback.
In general, like you can see on the 6 games there are at the moment, you have fairly free hands and you do not have to fix in on a certain mood.
You develop the HTML, CSS and gfx folder with hard coded values for text, numbers and class settings. (You have the raw HTML as inspiration, but do not follow that, I take for granted that you are way smarter than me to do this, I use old school tables for ease you will do DIV)
I merge your work with my Java backend to create the actual JSP.
Hopefully we then have something that is visible, but you then go in to the game in a browser tool and fine tune the CSS (if we need to change stuff in the JSP, we just take an iteration with that)
We put it in production and users of Highscorechallenge have a new game to play.
Highscorechallenge is a small indie project and as such not that advanced. Your code is handwritten and have a very (very) small footprint. (look at what there is to get a feeling for it)
The page load in both a web browser and in the Android App (later also in IPhone and Windows Phone but here we need to do something with the scale method that sucks in IPad and most tablets). Feel free to suggest new ways.
You probably have a lot of good ideas and please do share if you have ideas for “second versions” or HTML5 or other things, but recognise that it is important now to have 4-8 new games out fast.
In the 6 current games up til now, the front end dude has used, per game, roughly 3-4 hours on making the Photoshop work, 3-4 hours on the HTML and CSS and 3-6 hours on the merge and fine tuning.
The frontend has to load fast on an Android phone to cover for the fact that it is loading a full page at each click (not smart and there is room for improvement later)
We take one game at the time, so we can both bail out with out the great loss if needed.
Looking forward to your opinion,