https://github.com/stasm/homm1k

A homage to Heroes of Might and Magic for JS1K 2019
https://github.com/stasm/homm1k

Last synced: 12 months ago
JSON representation

A homage to Heroes of Might and Magic for JS1K 2019

• Host: GitHub
• URL: https://github.com/stasm/homm1k
• Owner: stasm
• Created: 2019-03-08T09:13:48.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2019-04-25T15:23:29.000Z (about 7 years ago)
• Last Synced: 2025-04-14T21:12:44.700Z (about 1 year ago)
• Language: JavaScript
• Homepage: https://js1k.com/2019-x/demo/4210
• Size: 92.8 KB
• Stars: 11
• Watchers: 2
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# HoMM 1K

_HoMM 1K_ is a homage to _Heroes of Might and Magic 3_ and a submission for

JS1K 2019. Play it online at https://js1k.com/2019-x/demo/4210.

![](screenshot.png)

## Motivation

The theme of this year's JS1K is _X_, to celebrate its tenth anniversary. The

theme made me think of the iconic _X_ which marks the destination of heroes'

movement in _HoMM_.

## Goal of the Game

The goal of the game is to capture the dragon roaming your realm. Your devout

knight is at your service, his armor shining bright in the sun, ready to do

your bidding. Plan their moves carefully and try to corner the dragon so that

it cannot flee this time.

## Features

The game is written in JavaScript using the Canvas 2D API. It runs in modern

Firefox and Chrome. The minified and compressed source code is under 1024

bytes.

  - 4px x 4px sprites are stored as numbers, with each pixel represented by

    a factor of 8 which encodes one of the 7 colors of the palette or the

    transparency.

  - The details of the terrain are generated randomly with `Date.now()` used

    as the seed.

  - The playable world is larger than the viewport. Click the minimap to set

    the visible fragment.

  - Plan your knight's moves by clicking on the map once. The path-finding

    algorithm will trace the path to the destination. Click a second time to

    confirm the move.

  - The dragon responds to your moves and tries to run away from your knight.

    You can use this to your advantage: rather than head directly for the

    dragon, try to force it to move into the woods or near the water, where

    it's easier to capture it.

Once you capture the dragon, the win screen appears and the game ends. Reload

the page to play again.

## Running locally

Refer to `index.js` for the documented source code of the game. To play, open

`index.html` in the browser. Set the `DEBUG` global in `index.js` to `true` to

see details of the path-finding algorithm and the dragon's AI.

To build the optimized version of the source code, install the dependencies

with `npm install` and run `make`.