Stand Alone HTML 5 Lock and Key Game

Objective: Create a standalone HTML5/Javascript canvas game. The game displays some instructional text along with a lock and 3 unique keys. The user selects a key which either wins (unlocks the lock) or doesn't win. There are 2 levels of winning, the only differences being the odds of winning each level and the corresponding text that is displayed. Technical Specifications: Simple web page, only the single canvas element should appear in the body. Must resize based on the size of the screen (should hook onto the [login to view URL] event) Use functions provided as hooks to the our application (described in more detail in the attached .js file) Allow for future customization (provide global variables or functions that determine/update colors, images, and text that's displayed throughout the game) The determination of whether not a participant has won should be calculated when the users chooses a key. The odds are independent of the key they choose, it just determines at that point if that person is a winner. Use documented Javascript and CSS animation to create eye-catching and engaging gaming experience Must be configurable with sounds Must be IOS and Android compatible and run within a browser Keep game play simple and fast Game mockup, supporting graphics and example hooks Javascript file attached. Other future milestones to be determined. Prototypes are welcome and help with the selection process. We will move fast and have other projects ready.