szimek / impasse-js

HTML5/JS port of Impasse - awesome game originally made by Wanderlands

Impasse JS

HTML5 / CSS3 / JS port of Impasse - "a difficult and different minimalist puzzle game" - originally written by Wanderlands (website no longer available). You can play the original Flash version here.

It should work in any browser that supports CSS3 animations.

TIP: You can use '+' and '-' to skip levels.

impasse-js's Issues

Move appending entity to DOM to Game#loadLevel

Multiple collision bug in last level

Steps to reproduce: In last level: Up, Right, Right

Expected behavior: The player dies due to collision with blue arrow

Actual behavior: The player survives. It seems that only the collision with green dot is evaluated upon entering.

Add touch support

Use swipe to avoid rendering navigation keys on mobile devices?

Add sound on movement and win/lose

Add level hints

In original game hint is only displayed in the first level ("arrow keys").

Hide the hint after the first move - animation should be ~2x longer than entity animation.

Use customized jQuery 1.8 or Zepto

Not sure about this, but it may simplify handling cross-browser (in)compatibilities of CSS3 animations and touch support.

Add info from README file to GitHub page.

Add info from README and "Fork me on GitHub" image to index.html on gh-pages branch.

Use HTML5 fullscreen API

On desktop version add link/button to toggle fullscreen (just for game board element).

Figure out how to trigger "transitionend" listener just once

Currently "transitionend" listener is triggered every time player element finishes animating - thus it happens 2 or 3 times per turn.

Add appcache

Disable input during position/overlay animation

The game should not process input from the player when entities are being animated or level is being reloaded and overlay fades in.

Switch from CSS zoom property to transform scale.

zoom is not a standard property and is not supported by Firefox.

Use transform: scale(x) + transform-origin: 0% 0% (top left) with vendor prefixes and remove left and right margin instead.

Prepare version for Firefox OS

Cleanup touch/fullscreen handling.

• Use touch and fullscreen (on double tap/click) API on non-mobile page as well.
• Disable scroll only on mobile page.
• Move fullscreen API polyfill to the top outside of the game code.
• If fullscreen API works good enough it might not be necessary for address bar hack (there's no address bar in fullscreen mode in mobile Chrome and as home screen app on mobile Safari)
• Center board vertically in mobile view (in non fullscreen API version)

Hide address bar in mobile browsers

http://mobile.tutsplus.com/tutorials/mobile-web-apps/remove-address-bar