Vercel deployed pre-production browser game. Its fully Vue.js based game, using free icons from opengameart.com.
I decided to use TailWind CSS in order to safe some time styling Aplication is using vueQuery as a caching tool for fetching and data mutation in order to reduce requests to backend As a backend it is using Cloud Firestore.
You can access game by navigation to https://vercelgame.
It still requires some improvements (Knight and ninja animations are flashing, no transition for Arena page)
You can increase enemy level by typing + sign under his avatar:
It will increase exp he gives on kill but also his strength so he will be harder to kill
While leveling up your character you are gaining experience points which you can spent on one of 2 skills: magic power and strength
Strength increases your attack power while Magic power increases your heal ratio
You can use 1 of 2 actions per turn - Heal and Attack. You will display them by moving your cursor on your champ:
You will not be able to use any of them while action is in progress. Once game is finished (either you or Bandit is killed) HP and monster level will be reseted and you will be able to start again.
There is also 1 thing which i started and which requires additional work - Crafting system. Each of the items have unique statistic. You will be able to upgrade items by spending crafting points ( ranks from basic through rare to legendary ). Each of these items statistics increases your str/mp/def. Def is unique statistic which reduce your damage taken (already in dmg formula):
As mentioned before here are some pending actions which will be implemented:
- Fix image animation
- Add crafting system
- Code reorganization
- Auto testing to be added