myeongwon / PrinceJS

Prince of Persia reimplementation written in HTML5 / Javascript (MS-DOS Version)

Prince of Persia (JS) - princejs.com

Prince of Persia reimplementation written in HTML5 / JavaScript (MS-DOS version)

Play Online

• Browser: https://princejs.com
• Keyboard
  • Cursor keys: Movement
  • SHIFT: Sword, Drink Potion, Grab Edges
  • SPACE: Show Remaining Time
• Mouse Controls
  • See Touch Controls for Mobile

Play Mobile

• Browser: https://princejs.com

  • Use Landscape Mode
  • Single Tab
  • Disable Landscape Tab Bar in Browser Settings

• Add to Home Screen to start as Fullscreen App

• Reduced difficulty (50%):

  • https://princejs.com?strength=50

• Touch Controls (tap/drag area on screen, fight mode in brackets):

  

  • Dragging can be used to trigger continuous move sequences, e.g.
    • Run Jump: Tap Left or Right -> Hold -> Drag in Left or Right corner
    • Jump Grab: (Run) Jump -> Hold -> Drag to Center (Shift)
  • Fight
    • Left/Right: Advance/Retreat
    • Shift: Strike
    • Up: Block
    • Down: Sheathe

Play on Apple Watch

• Send mail or message to yourself with body: https://princejs.com
• On Apple Watch open Mail or Message app
• Click included link to open Browser
• Play using Touch Controls like on Mobile

Play GitHub Version

• Browser: https://oklemenz.github.io/PrinceJS

Play Locally

• Install Node.js
• Clone: https://github.com/oklemenz/PrinceJS.git
• Terminal:
  • npm install
  • npm start
• Browser: localhost:8080

Options

Url parameters are leveraged to save game state automatically (shortcut in brackets)

• level (l): Current Level (1-14, default: 1)
• health (h): Max Health (3-10, default: 3)
• time (t): Remaining Minutes (1-60, default: 60)
• strength (s): Guard Strength in "%" (0-100, default: 100)
• width (w): Game Width in "px" (default: 0 (fit to screen))
• shortcut (_): Write url in shortcut version (default: false)

Default url looks as follows:

https://princejs.com?level=1&health=3&time=60&strength=100&width=0

Default shortcut url looks as follows:

https://princejs.com?l=1&h=3&t=60&s=100&w=0&_=true

Manual adjustments of url parameters is possible as preset options.

Custom Levels

Apoplexy (https://www.apoplexy.org) can be used to build custom levels. Custom levels can be played performing the following steps.

Single Conversion

• Save level as XML file in Apoplexy, e.g. ./xml/level1.xml
• Call convert script, e.g. npm run convert .../xml/level1.xml
  • A JSON file is placed at /assets/maps/, e.g. /assets/maps/level101.json
• Custom level ids starts beyond 100, e.g. level1.xml gets id 101, etc.
  • An optional second parameter can be used to control level offset
  • e.g. npm run convert .../xml/level1.xml 200 generates /assets/maps/level201.json
• Start game locally with npm start and open game in browser
• Change Url and set parameter level to the respective id, e.g. level=101
• Note: No special events are supported

Batch Conversion

• Place level files into folder /converter/<xxx>, where <xxx> stands for the offset (default: 100)
  • e.g. /converter/100: place all levels starting with 100 offset
• Execute npm run convert
• Corresponding JSON files are placed at /assets/maps/

Level IDs

Converted levels from https://www.popot.org/custom_levels.php:

• 100: Tower of Revenge (own)
• 101-114: Prince of Persia Revisited (source)
• 115-128: Jaffar's House (source)
• 129-142: Ipank's Levels (source)
• 143-156: Barre's Alternative (source)
• 157-170: Miracles Don't Exist (source)
• 171-184: Babylon Tower Climb (source)
• 185-198: Lost in Errors (source)
• 199-212: Story Retold (source)
• 213-226: Prince of Persia Guard Revolt (source)
• 227-240: Return of Prince (source)

Credits

• https://github.com/ultrabolido (PrinceJS)
• https://github.com/jmechner (Prince-of-Persia-Apple-II)