Skip to content

PlopesK/RPGjs

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🎃 RPGjs 🎃

A Pokémon-inspired RPG game project built entirely with HTML, CSS, and JavaScript!
Dive into a nostalgic 2D adventure made with pure web technologies, no external game engines required!

🔎 About the Project 🔎

RPGjs is a retro-style top-down RPG game where the player can explore tile-based maps, interact with the environment, and engage in classic turn-based battles!
This project demonstrates how powerful vanilla web development can be when combined with creativity and a passion for games!
It was designed both as a learning experience and a showcase of what's possible using just the web stack.

🎮 Controls 🎮

❌This game (for now) has NO mobile compability❌

Action	            |  Keys / Buttons
Move / Navigate	    |  W, A, S, D or Arrow Keys (↑, ←, ↓, →)
Confirm / Interact  |  Z, Space, Enter or Left Mouse Button
Cancel / Back	    |  X, Backspace

💠 Technologies Used 💠

Core Stack:

  💻HTML5 – Structure and layout
  🖼CSS3 – Styling and responsive design
  🎲JavaScript – Game logic and interactivity

Libraries & Tools:

  🎧 Howler.js – Audio playback and sound management
  🎞 GSAP (GreenSock) – Smooth and powerful animations
  🗺 Tiled – Tilemap creation and map design
  🎨 Piskel – Pixel art and sprite editing

🕹 Features 🕹

  • Character movement on tile-based maps
  • Basic collision detection
  • Ambient music and sound effects + Mute system
  • Animated transitions using GSAP
  • Battle menu system
  • Inventory system
  • Inventory system for adding, removing, and using items
  • Interactive system for viewing monster stats and move details
  • Battle system supporting buffs and defensive actions
  • Easily extensible system for creating monsters and items
  • 💡 Inspiration 💡

    This project is heavily inspired by classic RPGs such as Pokémon and Chrono Trigger.
    The goal is to bring that classic charm to the browser using only modern web tools!

    🤝 Contributing 🤝

    Got ideas? Want to help improve RPGjs?
    Feel free to fork the repo, submit pull requests, or open issues for bugs, features, or enhancements.
    Contributions in coding, sprite creation, map design, or gameplay ideas are all welcome!

    About

    Creating a Pokemon-like game with HTML, CSS and JS

    Resources

    Stars

    Watchers

    Forks

    Releases

    No releases published

    Packages

    No packages published