-
Notifications
You must be signed in to change notification settings - Fork 11
/
index.html
153 lines (152 loc) · 12.7 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Starter for the new HTML5 game developers</title>
<meta name="description" content="Starter for new HTML5 game developers" />
<meta name="keywords" content="html5 games, html5 game development, javascript, starter" />
<meta name="author" content="end3r" />
<link rel="stylesheet" href="style.css?v=1">
<meta name="monetization" content="$ilp.uphold.com/k4eJGQUDF9nw" />
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
</head>
<body>
<header>
<nav>
<a class="logo" href="http://enclavegames.com/"><img src="img/enclave-games-logo.png" alt="Enclave Games" /></a>
<ul class="menu">
<li><a href="/" class="active">Starter for the new HTML5 game developers</a></li>
</ul>
<ul class="social">
<li class="social-facebook"><a href="https://www.facebook.com/EnclaveGames">Enclave Games Facebook</a></li>
<li class="social-twitter"><a href="https://twitter.com/enclavegames">Enclave Games Twitter</a></li>
</ul>
</nav>
</header>
<section class="content starter">
<article class="intro" style="position: relative;">
<img src="img/html5.png" alt="HTML5" />
<h1>HTML5 Gamedev Starter</h1>
<p>Below you'll find useful links to resources that will help you<br />find your way into HTML5 game development.</p>
<p>This list is maintained by <a href="http://twitter.com/end3r">Andrzej Mazur</a> from <a href="http://enclavegames.com/">Enclave Games</a>,<br /> creator of the <a href="http://js13kgames.com/">js13kGames</a> competition.</p>
<p>Contact him directly if you want to <a href="http://buy.enclavegames.com/">buy HTML5 games</a>.</p>
<p>You can also subscribe to the <a href="http://gamedevjsweekly.com/">Gamedev.js Weekly</a> newsletter<br />for HTML5 gamedev updates every Friday.</p>
</article>
<article class="starter-list">
<h3 id="frameworks">Engines and frameworks<span><a href="#frameworks">#frameworks</a></span></h3>
<p>Building a game from scratch is not always a good idea, so better look around and find yourself the framework you'll be comfortable with which will speed up development time.</p>
<ul>
<li><a href="http://html5gameengine.com/">HTML5 Game Engine list</a> - list of the most popular HTML5 game engines</li>
<li><a href="https://github.com/bebraw/jswiki/wiki/Game-Engines">Game Engines GitHub Wiki</a> - list of all the game engines, frameworks and renderers</li>
<li><a href="https://www.scirra.com/construct2">Construct 2</a> - most popular framework, free, targeted for non-programmers (drag and drop)</li>
<li><a href="http://impactjs.com/">ImpactJS</a> - top-quality game engine for programmers, published under the MIT Open Source License</li>
<li><a href="https://phaser.io/">Phaser</a> - engine for desktop and mobile HTML5 games with great community</li>
<li><a href="https://turbulenz.com/">Turbulenz</a> - incredibly efficient 3D game engine offering great toolset for developers</li>
<li><a href="http://www.clockworkchilli.com/index.php/main/tech">WADE</a> - web app development engine</li>
<li><a href="http://playcanvas.com">PlayCanvas</a> - 3D HTML5 game engine with cloud-based tools</li>
<li><a href="http://wimi5.com/">Wimi5</a> - creating, publishing and monetizing HTML5 games</li>
<li><a href="http://booty5.com/">Booty5</a> - HTML5 2D game maker and engine</li>
<li><a href="http://matthiasschuetz.com/three-basicthirdpersongame/">THREE.BasicThirdPersonGame</a> - small micro-framework for WebGL games based on THREE.js and Cannon.js</li>
<li><a href="http://ceilfire.com/">Ceilfire</a> - browser based platform for intuitive HTML5 game development</li>
<li><a href="http://blacksmith2d.io/">Blacksmith 2D</a> - highly optimized 2D game engine for web and mobile games</li>
</ul>
<h3 id="tutorials">Tutorials and articles<span><a href="#tutorials">#tutorials</a></span></h3>
<p>Read tutorials, learn from others, avoid their mistakes and use what you know to build top-class HTML5 game.</p>
<ul>
<li><a href="http://gamedev.tutsplus.com/">Gamedev Tuts+</a> - the best place to find game development tutorials</li>
<li><a href="http://mobile.tutsplus.com/">Mobile Tuts+</a> - nice collection of mobile HTML5 related tutorials</li>
<li><a href="http://buildnewgames.com/">Build New Games</a> - initiative to deliver top quality tutorials on the web</li>
<li><a href="http://www.doctorhtml5games.com/">Doctor HTML5 Games</a> - useful tips and tricks for your problems</li>
</ul>
<h3 id="news">News<span><a href="#news">#news</a></span></h3>
<p>Stay up to date with all the news about new frameworks, competitions or stunning games.</p>
<ul>
<li><a href="http://gamedevjsweekly.com/">Gamedev.js Weekly</a> - subscribe to the weekly HTML5 Game Development newsletter</li>
<li><a href="http://www.html5gamedevs.com/forum/9-news-and-links/">HTML5 Game Devs forums</a> - see what's happening in the News and Links section</li>
<li><a href="http://www.html5gamedevelopment.com/">HTML5 Game Development</a> - news from around the world</li>
</ul>
<h3 id="distribute">Distribution platforms<span><a href="#distribute">#distribute</a></span></h3>
<p>Distribute your game across different platform to be recognized by publishers and players.</p>
<ul>
<li><a href="http://www.kongregate.com/">Kongregate</a> - Flash site, but now also accepting HTML5 games</li>
<li><a href="http://www.newgrounds.com/">Newgrounds</a> - Flash site, but now also accepting HTML5 games</li>
<li><a href="https://www.y8.com">Y8 Games</a> - Historians of online gaming now accepting HTML5 games</li>
<li><a href="https://www.fgl.com/">FGL</a> - known as Flash Game License, now also selling HTML5 licenses</li>
<li><a href="http://marketjs.com/">MarketJS</a> - sell licenses for your HTML5 games</li>
<li><a href="https://5apps.com/">5 Apps</a> - deployment and distribution tools</li>
<li><a href="http://www.boostermedia.com/">BoosterMedia</a> - mobile cloud gaming network</li>
<li><a href="http://html5games.com/">HTML5 Games</a> - the most popular showcase of HTML5 games</li>
<li><a href="http://www.gamemix.com/">GameMix</a> - free cross-promotion network for HTML5 games</li>
<li><a href="http://www.crazygames.com/t/html5">CrazyGames</a> - new distribution platform for HTML5 games</li>
<li><a href="http://www.softgames.de/">Softgames</a> - the leading HTML5 games network</li>
<li><a href="http://www.itch.io/">itch.io</a> - distribution and game jam hosting platform for HTML5 games</li>
<li><a href="http://www.gamepix.com/">GamePix</a> - platform for developers and publishers with interesting blog posts</li>
<li><a href="https://www.gameonline.co.id/">Games online</a> - A new html5 games distribution</li>
</ul>
<h3 id="api">APIs and Ads<span><a href="#api">#api</a></span></h3>
<p>Improve your game with achievements, leaderboards and even customizable advertisements.</p>
<ul>
<li><a href="http://clay.io/">Clay.io</a> - distribute your game and provide APIs at the same time</li>
<li><a href="http://scoreoid.net/">Scoreoid</a> - high scores, achievements, analytics, cloud storage, etc</li>
<li><a href="http://www.leadbolt.com/">LeadBolt</a> - monetize your HTML5 games</li>
<li><a href="https://firebase.google.com/docs/games/setup">firebase</a> - analytics, authentication, cloud storage</li>
</ul>
<h3 id="wrappers">Wrappers and packagers<span><a href="#wrappers">#wrappers</a></span></h3>
<p>Wrap and package your HTML5 game for native platforms like iOS, Android and others.</p>
<ul>
<li><a href="http://www.ludei.com/tech/cocoonjs">CocoonJS</a> - battle-tested wrapper for HTML5 games by Ludei</li>
<li><a href="http://html5dev-software.intel.com/">Intel XDK</a> - previously developed by AppMobi, perfect for packaging your game</li>
<li><a href="http://impactjs.com/ejecta">Ejecta</a> - ImpactJS's way to package HTML5 games for iOS</li>
<li><a href="http://phonegap.com/">Phonegap</a> - most popular wrapper for JavaScript, HTML5 and CSS, not only games</li>
<li><a href="http://www.gameclosure.com/">GameClosure</a> - wrap your games for iOS and Android devices</li>
<li><a href="https://github.com/rogerwang/node-webkit">Node-WebKit</a> - Uses Node and WebKit to packages apps into a excutable file for the desktop</li>
</ul>
<h3 id="competitions">Competitions<span><a href="#competitions">#competitions</a></span></h3>
<p>Take part in the competitions to quickly improve your skills and integrate with the community.</p>
<ul>
<li><a href="http://www.ludumdare.com/">Ludum Dare</a> - the most known competition with thousands of participants worldwide</li>
<li><a href="http://onegameamonth.com/">One Game a Month</a> - build a new game every month</li>
<li><a href="http://nodeknockout.com/">Node Knockout</a> - build your games on the server side using Node.js</li>
<li><a href="http://js13kgames.com/">Js13kGames</a> - create HTML5 games that will fit in a zip package of only 13 kilobytes</li>
</ul>
<h3 id="meetups">Meetups and conferences<span><a href="#meetups">#meetups</a></span></h3>
<p>Meet with the community, talk with people face to face and learn from them.</p>
<ul>
<li><a href="http://ongamestart.com/">onGameStart</a> - definitely the best conference about HTML5 game development</li>
<li><a href="http://www.meetup.com/HTML5Game/">New York Meetup group</a> - meet with devs in New York</li>
<li><a href="http://www.meetup.com/Boston-HTML5-Game-Development/">Boston Meetup group</a> - meet with devs in Boston</li>
<li><a href="http://gamedevjs.com/">Warsaw Gamedev.js meetups</a> - meet with devs in Warsaw</li>
<li><a href="http://www.meetup.com/London-HTML5-Game-Developers/">London Meetup group</a> - meet with devs in London</li>
</ul>
<h3 id="help">Get direct help<span><a href="#help">#help</a></span></h3>
<p>Don't be afraid to ask for help if you have any problems with your game you're working on.</p>
<ul>
<li><a href="http://www.html5gamedevs.com/">HTML5 Game Devs forums</a> - the best forum for HTML5 game developers</li>
<li><a href="http://webchat.freenode.net/?channels=bbg">#bbg IRC at Freenode</a> - IRC chat with all the top gamedevs available for discussion</li>
</ul>
<h3 id="developers">Developers to follow<span><a href="#developers">#developers</a></span></h3>
<p>Follow top-class developers to see what they are working on and to learn from their experiences.</p>
<p class="developers"><a href="https://twitter.com/photonstorm/">Photonstorm</a>, <a href="https://twitter.com/SpaceMonstersUK">Space Monster Games</a>, <a href="https://twitter.com/lostdecadegames">Lost Decade Games</a>, <a href="https://twitter.com/gamecook">Game Cook</a>, <a href="https://twitter.com/rezoner">Rezoner</a>, <a href="https://twitter.com/bushidogames">Bushido Games</a>, <a href="https://twitter.com/Gopherwood">Gopherwood Studios</a>, <a href="https://twitter.com/hiive">Hiive</a>, <a href="https://twitter.com/McFunkypants">McFunkypants</a>, <a href="https://twitter.com/andrew_j_baker2">Andrew J Baker</a>, <a href="https://twitter.com/michalbe">Michal Budzynski</a>, <a href="https://twitter.com/end3r">Andrzej Mazur</a>, <a href="https://twitter.com/louisstow">Louis Stowasser</a>, <a href="https://twitter.com/mapagella/">Andres Pagella</a>, <a href="https://twitter.com/ludei">Ludei</a>, <a href="https://www.twitter.com/TrueValhalla">True Valhalla</a>, <a href="https://twitter.com/enclavegames">Enclave Games</a> ...and many more.</p>
<h3 id="upgrade">Make it better<span><a href="#upgrade">#upgrade</a></span></h3>
<p>Link is missing? Have something new and interesting to add?<br />Email me at <span class="link">[email protected]</span>, or <a class="link" href="https://github.com/EnclaveGames/HTML5-Gamedev-Starter">send a pull request on GitHub</a>!</p>
</article>
</section>
<footer>
<p><span>[email protected]</span> Enclave Games © <i id="copyright"></i></p>
</footer>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-30485283-1']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
<script type="text/javascript">
var copyright = document.querySelector('#copyright')
copyright.innerText = new Date().getFullYear();
</script>
</body>
</html>