Skip to content


Subversion checkout URL

You can clone with
Download ZIP
Fetching contributors…
Cannot retrieve contributors at this time
68 lines (62 sloc) 5.43 KB
{% extends 'base.html' %}
{% block page_title %}Resources{% endblock %}
{% block page_id %}resource_list{% endblock %}
{% block section_class %}resources{% endblock %}
{% block content %}
<header class="mast-head">
<h1 class="busta shout">Resources</h1>
<div class="busta">
<div class="cf">
<div class="main-col">
<p>Check out some useful open web resources to help you get started! Tweet out your own at #mozgames</p>
<h2 class="exclaim">BrowserQuest</h2>
<div class="frame">
<img src="{{ static('base/img/resources/browserquest-02.png') }}" alt="" />
<p><a href="">BrowserQuest</a> is a massively multiplayer adventure game created by Little Workshop (<a href="">@glecollinet</a> & <a href="">@whatthefranck</a>) and Mozilla.</p>
<p>BrowserQuest is a tribute to classic video-games with a multiplayer twist. You play as a young warrior driven by the thrill of adventure. No princess to save here, just a dangerous world filled with treasures to discover. And it’s all done in glorious HTML5 and JavaScript.</p>
<p>Even better, it’s open-source so be sure to check out the source code on GitHub. (some folks, including our friends at CERN, have forked the game. <a href="">Check out ParticleQuest!</a>)</p>
<p><a href="">Fork BrowserQuest yourself on github</a></p>
<h2 class="exclaim">Build New Games</h2>
<div class="frame">
<img src="{{ static('base/img/resources/BuildNewGames.png') }}" alt="" />
<p>Build New Games is a blog that teaches you game development for the Open Web. The techniques covered are cutting edge, cross-browser, and cross-device, and address topics like which engines to use engines, how to approach multiplayer, and how to design games using progressive enhancement.</p>
<p><a href="">Visit the Build New Games site</a></p>
<h2 class="exclaim">901 Resources</h2>
<div class="frame">
<img src="{{ static('base/img/resources/jster-02.png') }}" alt="" />
<p>Jster has an amazing collection of open libraries and tools that you can use to start building your game.</p>
<p><a href=""></a></p>
<h2 class="exclaim">Bananabread</h2>
<div class="frame">
<img src="{{ static('base/img/resources/banabread-02.png') }}" alt="" />
<p>BananaBread is a 3D first person shooter that runs on the web. It takes the Cube 2: Sauerbraten engine, which is written in C++ and OpenGL, and compiles it using Emscripten into JavaScript and WebGL so that it can run in modern browsers using standards-based web APIs and without the need for plugins.</p>
<p>The project has several goals. First, to serve as a testcase for running a demanding 3D game in browsers: Having a working testcase lets us try out new browser features and to profile performance in order to make browsers faster. Another goal is to prove that games of this nature can run in JavaScript and WebGL, which many people are skeptical about. Finally, all the code in this project is open (and practically all the art assets), so others can learn from this effort and use this code to create their own browser games.</p>
<p><a href="">Read more about Bananabread</a></p>
<h2 class="exclaim">Firefox OS</h2>
<div class="frame">
<img src="{{ static('base/img/resources/firefoxos-02.png') }}" alt="" />
<p>Firefox OS enables the Open Web as a platform for mobile devices. We’re making innovation possible by driving the development of new Web standards. Using HTML5 and the new Mozilla-proposed standard APIs, developers everywhere will be able to create amazing experiences and apps. Check out the Firefox OS resources and start building a game that is no longer tied to platform-specific native APIs.</p>
<p><a href="">Read more about Firefox OS</a></p>
<aside class="meta mini-col">
<h2 class="whimper">More resources</h2>
<ul class="no-style">
<li><a href="">AreWeFunYet</a></li>
<li><a href="">NewGameConf</a></li>
<li><a href="">Spritecutie</a></li>
<li><a href="">Incompetech</a></li>
<li><a href="">Cgrextures</a></li>
<li><a href="">Mozfest Prototypes</a></li>
{% endblock %}
Jump to Line
Something went wrong with that request. Please try again.