I want to have some code written that does the following things.
1. Have layered backgrounds (images). A city background and a sky will do.
2. Have a character (sprite sheet) move around according to live weather data. A simple sonic sprite will do.
3. Gather live weather data from 3 cities. (from open weather map)
I want the character to essential stand on the bottom left side of the "city" until there is a weather change in one of the cities. When the weather changes I want the character to move under that city "sign", jump and hit that sign, and then walk back and stand back in the corner. When he hits that sign that sign will then show the updated weather. There will be 3 "signs" with the cities weather.
Note: Don't worry bout making an actual sign just have the text there the weather data.
It is important that this become almost like a template so I can go an change the pictures, images, and sprites after. I have been using JQuery and Spritely to to animate the character. Whatever works for you would be fine with me as long as I can easily understand it and manipulate it later I also want this to be in HTML5 so it can viewed in any browser including mobile.
if you have any questions we can talk in more detail.