Skip to content

HoshiyamaSeizen/game-web

Repository files navigation

Description

This is a simple web browser game built with HTML, CSS and pure JavaScript. NodeJS and WebPack were only used for development purposes: compiling TypeScript and JSON files into a single JS file.

Game assets and maps can be modified. Current version in this repository serves as an example for testing most of the game mechanics and therefore does not have any specific storylines or balanced character, enemies and items stats.

The game itself is presented as a turn-based RPG. The player can kill enemies, interact with NPCs, pick up and use items, move around locations. Enemies have different behavior patterns and statistics; items include armor, weapons, spells, potions, and key items; moving through locations can come with certain requirements (starting requirements for the game, such as changing the player's characteristics and enemies, and requirements for moving through, such as having a key item or killing specific enemies).

Launching

The game is live at https://hoshiyamaseizen.github.io/game-web/

To run this game locally, you can either open index.html in the public folder or serve it through the server.

Editing

If you want to edit the game, whether you want to add more assets, change maps, or change the code, you will need to recompile the JS bundle.

The next steps assume you have NodeJS installed.

Type npm i in a terminal to instal node_modules folder with libraries. This step is only necessary after you have cloned or downloaded the code.

Once you have made the changes you needed, type npm run build to build the JS bundle.

If you want to know where to drop new sprites, you can look at the file locations in this example.