Giter Club home page Giter Club logo

castle-defense-idle's Introduction

Castle Defense Idle

Defense your castle in this basic idle style RPG! Inspired by classic Role-playing Games(RPGs) and modern idle games, Castle Defense Idle is a simple idle game with auto and click targeting. This game functions the best played in full-screen! If you're having trouble targeting you can also click the monster's name.

Sprites

Sprites(characters in the game) were created using Canvas, and each sprite image is a sheet of images that is iterated over using the height, width, the number of columns, and the number of rows to get the desire position of the sprite. alt text Courtesy to Superpowers by Sparklinlabs for all the images and used in this project!

Each sprite has a different strength attack speed. For example, the archer's attack speed is higher than the warrior, but his strength is lower. The same applies for the enemy sprites with the enemies on the last stage dealing massive damage, be careful! Enemies have a chance to miss the player sprites, and the chance to miss increases as player sprites are defeated.

This game was built for easy addition of sprites in the future by using object orientated functions. Only the specifications of the sprite image sheet is needed, customize the sprite strength and speed, and the sprite is ready to battle!

Targeting and Special Abilities

Targeting

While this is an idle game with auto targeting, the player is able to select a target for strategy by clicking on the enemy sprite's name.

Special Abilities

There are two abilities that each have a cool down on use. A group attack the massively damages all enemies, and a group heal that heals a certain percentage of the player sprite's health points(HP). When the ability is ready the bar will begin flashing!

alt text alt text

Play the game here!

Play in full-screen for the best experience!

Technologies used:

  • Javascript
  • Vanilla JS
  • Canvas
  • HTML
  • CSS

Future updates

  • Add more enemies and levels
  • Ability to chose your team
  • Player level up system
  • Enemy item drops
  • Equipment and gear to increase player stats
  • Create user menu to handle stats and gear
  • Add on-hit animations

castle-defense-idle's People

Contributors

jablan08 avatar

Stargazers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.