A Monster Story: A pixel-art click-through RPG where things are not as they seem.
This project started as an exercise to learn the basics of JavaScript through an online course, but has since evolved into a fully custom game with visuals, sound effects, tone and new features. All base code has been heavily rewritten, restructered and expanded.
Play on https://renateroke.github.io/rpg/, or
- Clone or download this repository.
- Open the index file with a local live server.
- Start screen including start game functionality
- Visual inventory feature and visual inventory update functionality
- Accessible HTML semantics and structure
- Button appear/disappear functionality
- Keyboard focus management
- Storyline text
- All images
- Tavern, including:
- Buy drink functionality
- Buy stew functionality
- Stew death functionality
- Start fight functionality
- Forest
- Clearing, including:
- Empty clearing
- Encounter and gamble game (gamble game modified from original feature)
- Mountain, including steal stew functionality
- Background music and audio functionality
- Sound effects and disable/enable sound effect functionality
- Data storage in json & fetch functionality
- Most CSS styling and features including media query's (which are not complete yet, working on it!) and keyboard focus style
- Logo
- All location and scenario images
- Gold icon
- XP icon
Created with GPT-4.0 OpenAI Terms of Use – Ownership of Content.
- Health icon
- Inventory icon
- All weapon icons
- Coins by freesound_community on Pixabay
- Entrance bell by David Dumais on Pixabay
- Door by freesound_community on Pixabay
- Water drop by freesound_community
- Footstep by Diego Nasc on Pixabay
- Dragon by freesound_community on Pixabay
- Birthday by Universfield on Pixabay
- Punch by freesound_community on Pixabay
- Whistle by freesound_community on Pixabay
- Birds by Mayank Chawda on Pixabay
- Fight by Cyberwave Orchestra on Pixabay
- Death by Universfield on Pixabay
- Barf by freesound_community on Pixabay
- Background music by Luca Francini on Pixabay