God's Crusade
A web-based 2D beat 'em up with strategic depth, developed with HTML5, CSS3, and GSAP, that demonstrates as an offline-playable prototype that browser technologies are sufficient for fully-fledged gaming experiences.
Challenge
Implementing a 2D beat 'em up game as a standalone, offline-capable web application required overcoming considerable technical hurdles: achieving smooth animations and responsive real-time interactions in the browser, managing game states and mechanics with HTML5 and CSS3, as well as ensuring complete offline functionality without server-side dependencies.
Solution
The use of the GSAP framework enabled professional-grade animation and performance, while a well-architected design made the complexity of game logic manageable. The resulting prototype demonstrates that modern web standards and JavaScript frameworks are sufficient to develop interactive real-time games that function completely in the browser and work offline.
God's Crusade: From Concept to Playable Browser Game
God's Crusade is a web-based 2D beat 'em up game that was developed in 2016 as a university project in the Media Informatics program at Technische Hochschule Mittelhessen (THM) in Friedberg. The project demonstrates the successful implementation of a complete, offline-playable standalone game using modern web technologies.
Technically, God's Crusade was realized using HTML5, CSS3, and the JavaScript framework GSAP (formerly Greensock). This combination enabled the development of a smooth, browser-compatible game that functions without external server connection. A technical achievement that demonstrates that browser-based games can indeed serve as a fully-fledged gaming platform.
The game concept is based on strategic battles between different gods competing for faith points. Core mechanics include a sophisticated ability system with limited resource points as well as a differentiated class system that enables three distinct playstyles: the aggressive Warrior with high attack power, the strategic Trickster with extensive ability options, and the balanced Healer. These structures enforce tactical decision-making and offer players different approaches to strategy development.
As a prototype, God's Crusade successfully demonstrates that professional gaming experiences can be implemented using web standards. The project showcases both the technical and conceptual skills necessary to realize complex, interactive applications in a web-based manner, and thus provides a valuable case study for the game development industry.
Screenshots
Main Menu
Character Selection
Battle
