1,234
edits
Changes
no edit summary
= Working Copy =
This particular document is intended as work in progress, not as a reference. Snapshots of this document will be made for different versions which can be used as a reference. So far no releases of this document have been made.
= Overview =
This project is primarily a port of the Math Learning Objects - Fractions driving game from Adobe Flash to HTML5 technologies, specifically Processing.js. Also some usability, accessibility, and gameplay issues will be addressed during porting.
= Requirements =
This is a screenshot of the original game built using Flash, added here to give an idea of what it would look like. The port will not look identical to the original.
== Technical Fundamentals ==
* Game must be fully functional in all current versions of the popular browsers with JavaScript enabled, without any plugins installed.
* Testing will be done on the following browsers:
* The car's position can be anywhere on a road or object.
* The car will be rotated (0/90/180/270 degrees) depending on the last direction it moved in.
=== Popups ===
* When the mouse is moved over one of the destinations - an info bubble will appear:
** For gas stations the popup will contain the cost of one fraction-unit gas (e.g. 150 points for 1/8 gas tank).
* Popups must be fully visible no matter how close to an edge the destination is.
=== Gas Meter ===* The gas meter will be composed of three components: the background, the needle, and the digital display:** The background will always look the same no matter the level or state of the game. It will include the semi-circle with the E, F, and the markers in between.** The needle will animate as a typical meter needle, and its angle will be calculated based on the amount of gas currently in the tank over the tank capacity.** The digital display will display the fraction of the tank that's full, in multiples of the fraction-unit. == Artwork required Required ==* "Stub" graphics will be created in the correct format with the correct sizes/ratios. These can be used during software development and may be useful as examples for the artists who will create the final artwork.
* Each new graphic created will be tested immediately to ensure it's displayed correctly in Processing.js sketches. A simple tool will be created to facilitate this testing.