There are two branches: the master branch which contains the full source code of the game, while the gh-pages branch is for hosting purposes and contains only the built version for the web and for Firefox OS. The source code of the Craigen game is available on GitHub. There are also some excellent free alternatives that can be used, such as Phaser, but possibly none quite as good as ImpactJS. The framework used is ImpactJS, an excellent HTML5 game development framework with a $100 license fee. It’s also open sourced on GitHub, so you can grab the source code and learn from it as much as you can. You can play Craigen directly in your browser or visit Firefox Marketplace to get it for free. The game is optimized for mobile devices, but can be played also on desktop using keyboard controls. Slay the monsters and keep the pace to reach the caravan on time. Playing the game is very simple – to control it you just have to tap the left side of the screen to jump and the right side of the screen to attack. This is how the quest begins: Craigen is fighting his way through hordes of monsters to save the beer from vicious Orcs. Craigen learns that the ale supply caravans were ambushed by Orcs at the Dragon Pass. Unfortunately the tavern’s supplies came to an abrupt end. I will use it as an example in this article to show you the full story: how to prepare a simple HTML5 game for the Firefox OS ecosystem, have it working on mobile devices, and publish it in the Firefox Marketplace.Ĭraigen is a Barbarian hero who enjoys drinking ale in his local tavern. It is designed to be simple and to work smoothly on various mobile devices. So now you’ve hade a quick introduction to creating HTML5 games and the Firefox OS ecosystem, so let’s see it in practice.Ĭraigen was created by Andrzej Mazur (coder) from Enclave Games and Robert Podgórski (graphic designer) from Blackmoon Design. Tools like CocoonJS and Intel XDK offer you the option to package your game for iOS, Android and other devices and their respective app stores. HTML5 gives you the ability to not only target mobile and desktop browsers, but also different operating systems and native platforms. If you can’t or don’t want to code there are even tools like Game Maker or Construct 2 where you can just drag and drop components and fiddle with their attributes to create HTML5 games, so there’s no excuse not to try.įigure 2: Craigen splash screen on multiple devices Frameworks like ImpactJS and Phaser give you the ability to create games that run flawlessly on a variety of different devices. The technology is getting better and better and there are new tools and services popping up almost every day – now’s a really great time to dive into this nascent market. HTML5 Game DevelopmentĪctivity in HTML5 game development for mobile devices has exploded in recent months. This alone is a good reason to support Firefox OS. Firefox OS is a hardware platform that puts web technologies first and foremost, and so it can help to speed up the development of the various Web APIs that are needed for mobile. We’ve covered Firefox OS previously on mobiForge here.įirefox OS differs from iOS and Android in that it was created using Open Web technologies. From day one the source code has been freely available on GitHub, so anyone who has something to add or improvements to contribute, can help by submitting pull requests. Three years ago an internal discussion began and grew into Firefox OS, and now there are devices running Firefox OS sold in many countries around the world. What is Firefox OS?įirefox OS is a mobile operating system created by Mozilla. We’ll illustrate with a case study of a real game, Craigen, and walk through how it was built, and how it was deployed to the Firefox market. In this article we’ll take a look at HTML5 game development, with a focus on Firefox OS. With many companies interested in jumping in on these technologies, now’s a good time to get involved. These are relatively new topics, and are which are gaining much traction in the press. Building HTML5 games for Firefox OS is basically the same as building for the web itself, because Firefox OS itself is built using web technologies.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |