Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/lanceewing/shadow-ball-js13k

Shadow Ball is a game where you must shoot and kill the never ending armies of the four elements. To the north there is the Air army, to the east the Water army, to the south the Earth army, and to the west the Fire army. Each level adds increasingly more enemies in each room. But you have one advantage: The spirit Orb.
https://github.com/lanceewing/shadow-ball-js13k

game html5-game js13k js13kgames js13kgames2014

Last synced: 18 days ago
JSON representation

Shadow Ball is a game where you must shoot and kill the never ending armies of the four elements. To the north there is the Air army, to the east the Water army, to the south the Earth army, and to the west the Fire army. Each level adds increasingly more enemies in each room. But you have one advantage: The spirit Orb.

Awesome Lists containing this project

README 

        
# Shadow Ball



Shadow Ball is a game in which you must shoot and kill the never ending armies of the four elements. To the north there is the Air army, to the east the Water army, to the south the Earth army, and to the west the Fire army. Each level adds increasingly more enemies in each room. But you have one advantage: The spirit Orb; providing an endless supply of golden power for you to absorb. But watch out for the deadly mist that protects the enemy territories, and remember to make regular trips back to the Orb to recharge.



This is an entry for [js13kGames](https://js13kgames.com) 2014. The theme for this year was "The Elements: Earth, Water, Air and Fire". This is represented in Shadow Ball by the four enemy types, which each have a distinctive colour related to the Element they represent. The World Map is split into four main enemy zones relating to each Element, and the status line tells you which of these zones you are in.



**Final Size:** 12404 bytes



# Controls

**Move:** Arrows  

**Jump/Fly:** Space  

**Fire:** M  

**Absorb:** N  

**Push:** B  

**Pickup/Drop:** V  

**Pause:** P  



Hold down the Space key in mid-air to fly.



# Notes

Best played in Chrome, on a reasonably fast computer, with a semi-decent graphics card.



I was hoping to build this game within a single canvas, but I ran into a number of rendering issues with the canvas approach, even though I followed the usual advice about using requestAnimationFrame, etc. I decided to continue by prototyping with DOM sprites instead since it was performing a lot better at that time. Then halfway through the competition, I realised that my browser wasn't using hardware acceleration for the canvas. So I spent a few days switching it back to canvas, then tried forcing the browser to use hardware acceleration, and ironically it performed significantly worse than when the canvas wasn't using hardware acceleration. I even resorted to buying a new graphics card but DOM sprites still seemed to be performing better. I think it's something to do with Chrome on Linux and the acceleration support for the canvas, and possibly drivers. So to stop burning up time, I ended up switching it back to DOM sprites again and continued with that approach. It is possible it might be a little jerky on slower modern PCs, but it runs smooth on my i7 4771. Hopefully you'll all be able to enjoy it.



# Credits

**Created By:** Lance Ewing  

**Original Music By:** Lance Ewing  

**Sound Effect Library:** [JSFXR](https://github.com/mneubrand/jsfxr) by Markus Neubrand  

**Music Synth Library:** [SoundBox] (https://sb.bitsnbites.eu/) by Marcus Geelnard  

**Inspiration:** [King's Quest](https://en.wikipedia.org/wiki/King's_Quest), [Wheel of Time](https://www.tor.com/features/series/wheel-of-time-master-index), [Mistborn](https://brandonsanderson.com/books/mistborn/), [Avatar: The Last Airbender] (https://en.wikipedia.org/wiki/Avatar:_The_Last_Airbender).



# Screenshots



![Shadow Ball Gameplay](img/screenshot_1.png)