{"id":8477,"date":"2012-05-22T22:24:25","date_gmt":"2012-05-22T22:24:25","guid":{"rendered":"http:\/\/blog.mozilla.org\/labs\/?p=8477"},"modified":"2012-05-23T16:34:42","modified_gmt":"2012-05-23T16:34:42","slug":"introducing-a-minimalist-html5-game-template","status":"publish","type":"post","link":"https:\/\/blog.mozilla.org\/labs\/2012\/05\/introducing-a-minimalist-html5-game-template\/","title":{"rendered":"Introducing a Minimalist HTML5 Game Template"},"content":{"rendered":"<p>Today, we&#8217;re releasing version 0.1 of an HTML5 game template (<a href=\"https:\/\/github.com\/gladiusjs\/html5-game-template\/blob\/master\/README.md\" target=\"_blank\">the github repo<\/a>).\u00a0 This template provides basic infrastructure so that as a game developer, you don&#8217;t need to do a bunch of busy work to get started: you can hit the ground coding.\u00a0 As no particular engine or\u00a0 framework is assumed, it is usable for any sort of game.<\/p>\n<div id=\"magicdomid6\"><\/div>\n<div id=\"magicdomid3\"><\/div>\n<p id=\"magicdomid4\">More details, from the README.md:<\/p>\n<div id=\"magicdomid42\"><\/div>\n<blockquote>\n<div>\n<p><strong><strong>F<\/strong>ast <strong>S<\/strong>tart<\/strong><\/p>\n<ul>\n<li>Includes <a href=\"https:\/\/github.com\/toji\/game-shim\">Toji&#8217;s game-shim polyfills<\/a> to smooth over browser differences<\/li>\n<li>Easy to pull in <a href=\"https:\/\/github.com\/gladiusjs\/html5-game-template\/wiki\/game-library-volo-compatibility\" target=\"_blank\">key libraries<\/a> from github using <a href=\"https:\/\/github.com\/volojs\/volo\">James Burke&#8217;s volo<\/a><\/li>\n<\/ul>\n<p><strong><strong>E<\/strong>asy to <strong>B<\/strong>uild &amp; <strong>D<\/strong>eploy<\/strong><\/p>\n<ul>\n<li>Builds minified game configured for browser appcache using UglifyJS and almond.js<\/li>\n<li>Trivial to deploy to a live server (currently supports github-pages)<\/li>\n<\/ul>\n<p><strong><strong>D<\/strong>efault Best Practices <strong>Help Your Codebase Scale<\/strong><br \/>\n<\/strong><\/p>\n<ul>\n<li>Structured for maintainability using <a href=\"http:\/\/requirejs.org\/\" target=\"_blank\">RequireJS<\/a><\/li>\n<li>Includes pre-configured QUnit test harness<\/li>\n<\/ul>\n<p><strong>Easy <strong>to Specialize<\/strong><br \/>\n<\/strong><\/p>\n<ul>\n<li>Higher-level, specialized templates can easily be built on top of this. We will build one specifically for the Gladius engine\u00a0 in the near future.\u00a0 One could imagine others like a side-scroller\u00a0 template, or a simple canvas game for new JS developers.<\/li>\n<\/ul>\n<\/div>\n<\/blockquote>\n<p>See the <a href=\"https:\/\/github.com\/gladiusjs\/html5-game-template\/blob\/master\/README.md#lets-get-started\" target=\"_blank\">&#8220;let&#8217;s get started&#8221;<\/a> documentation to get a quick sense of how it all fits together.<\/p>\n<p>Note: This template is currently focused entirely on the browser-based pieces of a game. Making it easy for a game to offer a Node-based server-side component is likely to be in scope in the fairly near future.<\/p>\n<div><\/div>\n<h4>Your Thoughts &amp; Feedback<\/h4>\n<p>We&#8217;d be grateful for all feedback about this template, whether in blog comments or <a href=\"https:\/\/github.com\/gladiusjs\/html5-game-template\/issues\" target=\"_blank\">github issues<\/a>, or pull requests.\u00a0 To help make this template more useful, we&#8217;d especially love to get your thoughts on a couple of specific issues:<\/p>\n<div id=\"magicdomid34\"><\/div>\n<ul>\n<li>Would you prefer to be responsible for your own game loop, or would you prefer to use a default gameloop provided by the template?\u00a0 Please add comments to this <a href=\"https:\/\/github.com\/gladiusjs\/html5-game-template\/issues\/16\" target=\"_blank\">github issue<\/a>.<\/li>\n<li>If you&#8217;ve worked on an HTML5 game, what did you find to be the most annoying hurdle when getting started?\u00a0 Please add comments to this <a href=\"https:\/\/github.com\/gladiusjs\/html5-game-template\/issues\/17\" target=\"_blank\">github issue<\/a>.<\/li>\n<\/ul>\n<h4>Next Steps<\/h4>\n<p>We&#8217;ll be evaluating the feedback we get, prioritizing issues into the <a href=\"https:\/\/github.com\/gladiusjs\/html5-game-template\/issues?milestone=2&amp;state=open\">0.2 github issue milestone<\/a>, and then digging into another iteration, to be available in the next several weeks. Feel free to join us in <a href=\"irc:\/\/irc.mozilla.org\/#games\">IRC in #games on irc.mozilla.org<\/a> if you want to discuss further.<\/p>\n<div id=\"magicdomid38\">Links: <a href=\"https:\/\/github.com\/gladiusjs\/html5-game-template\">github repo<\/a>, <a href=\"https:\/\/github.com\/gladiusjs\/html5-game-template\/wiki\/FAQ\" target=\"_blank\">FAQ<\/a><\/div>\n<div id=\"magicdomid39\"><\/div>\n<div id=\"magicdomid40\"><\/div>\n<div id=\"magicdomid41\"><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Today, we&#8217;re releasing version 0.1 of an HTML5 game template (the github repo).\u00a0 This template provides basic infrastructure so that as a game developer, you don&#8217;t need to do a bunch of busy work to get started: you can hit &hellip; <a class=\"go\" href=\"https:\/\/blog.mozilla.org\/labs\/2012\/05\/introducing-a-minimalist-html5-game-template\/\">Continue reading<\/a><\/p>\n","protected":false},"author":336,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[24,20250,19270],"tags":[],"_links":{"self":[{"href":"https:\/\/blog.mozilla.org\/labs\/wp-json\/wp\/v2\/posts\/8477"}],"collection":[{"href":"https:\/\/blog.mozilla.org\/labs\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.mozilla.org\/labs\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.mozilla.org\/labs\/wp-json\/wp\/v2\/users\/336"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.mozilla.org\/labs\/wp-json\/wp\/v2\/comments?post=8477"}],"version-history":[{"count":0,"href":"https:\/\/blog.mozilla.org\/labs\/wp-json\/wp\/v2\/posts\/8477\/revisions"}],"wp:attachment":[{"href":"https:\/\/blog.mozilla.org\/labs\/wp-json\/wp\/v2\/media?parent=8477"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.mozilla.org\/labs\/wp-json\/wp\/v2\/categories?post=8477"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.mozilla.org\/labs\/wp-json\/wp\/v2\/tags?post=8477"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}