index.html

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>js13kGames Resources</title>
	<meta name="description" content="This is a list of useful links, resources and tutorials for creating an js13kGames entry." />
	<meta property="og:image" content="http://js13kgames.com/img/logo.png" />
	<link rel="shortcut icon" href="favicon.png">
	<link rel="stylesheet" href="style.css">
    <link href="https://fonts.googleapis.com/css?family=Graduate" rel="stylesheet">
</head>
<body>
<header>
	<nav>
		<a href="http://js13kgames.com">js13kGames</a>
		<ul>
			<li><a href="http://2017.js13kgames.com">2017</a></li>
			<li><a href="http://2016.js13kgames.com">2016</a></li>
			<li><a href="http://2015.js13kgames.com">2015</a></li>
			<li><a href="http://2014.js13kgames.com">2014</a></li>
			<li><a href="http://2013.js13kgames.com">2013</a></li>
			<li><a href="http://2012.js13kgames.com">2012</a></li>
		</ul>
	</nav>
</header>

<main>
	<h1>js13kGames Resources</h1>
	<p>
		This is a list of links, resources and tutorials useful for creating a js13kGames competition entry. The items are in no particular order. 
		Please feel free to <strong>suggest additions or edits</strong> to the list either by <a href="https://github.com/js13kgames/resources/pulls">sending 
		a pull request</a> on GitHub or emailing them to <a href="mailto:contact@js13kgames.com">contact@js13kgames.com</a>.
	</p>

	<h3 id="engine">Micro game engines and boilerplates</h3>
	<ul>
		<li><a href="https://github.com/OttoRobba/ox">ox</a> - tiny 2D game framework for the web</li>
		<li><a href="https://github.com/Gozala/selfish">Selfish</a> - class-free, pure prototypal inheritance</li>
		<li><a href="https://github.com/michalbe/mibbu">Mibbu</a> - Javascript game microframework</li>
		<li><a href="http://jallegro.sos.gd/">jAllegro</a> - JavaScript port of a game programming library</li>
		<li><a href="https://github.com/geoffb/ocelot">Ocelot</a> - minimalist HTML5 2D game engine, Ocelot aims for simplicity and small fizesize</li>
		<li><a href="https://github.com/ooflorent/js13k-boilerplate">js13k-boilerplate</a> - js13kGames boilerplate</li>
		<li><a href="https://github.com/lucaspenney/js13k-toolkit">js13k-toolkit</a> - starter repository for js13kGames, a set of tools for developing a JS game and keeping it under 13kb</li>
		<li><a href="https://github.com/spmurrayzzz/js13k-requirejs">js13k-requirejs</a> - require.js-powered application template with build tools</li>
		<li><a href="https://github.com/spmurrayzzz/js13k-rollup">js13k-rollup</a> - gulp/rollup.js powered template with support for ES2015 modules and build tools</li>
		<li><a href="https://github.com/aymanfarhat/js13k-starter">js13k-starter</a> - sample js13k project structure, example and Gulp build process</li>
		<li><a href="https://github.com/bitnenfer/tiny-canvas">Tiny-Canvas</a> - lightweight minimal implementation of a batched and stack matrix based Canvas with WebGL backend</li>
		<li><a href="https://github.com/kittykatattack/ga">Ga</a> - tiny, cute and friendly system for making HTML5 games</li>
		<li><a href="https://github.com/xem/platform-engine">platform-engine</a> - 2D platform engine that handles collisions, slopes, rotations, etc.</li>
		<li><a href="https://github.com/voronianski-on-games/js13kGames-boilerplate">js13kGames-boilerplate</a> - includes game loop, utility functions and webpack config to package game with just one command</li>
		<li><a href="https://github.com/sz-piotr/js13k-webpack-starter">js13k-webpack-starter</a> - build with a single command, dev server, es2015 support</li>
		<li><a href="https://github.com/aerze/js13k-base">js13k-base</a> - simple commands, a server, and a sample game + framework</li>
		<li><a href="https://github.com/xem/responsiveTouchGameFramework">responsiveTouchGameFramework</a> - responsive canvas game framework with unified mouse / tactile inputs</li>
		<li><a href="https://twitter.com/MaximeEuziere/status/883044404453294080">Tweetwork</a> - a 140b canvas game framework</li>
		<li><a href="https://straker.github.io/kontra/">Kontra</a> - a lightweight JavaScript gaming micro-library, optimized for js13kGames</li>
		<li><a href="https://github.com/Rybar/js13k2017kit">JS13K 2017 Kit</a> - a pico-8 like graphics engine and game boilerplate</li>
	</ul>

	<h3 id="sfx">Sound and music</h3>
	<ul>
		<li><a href="http://sb.bitsnbites.eu/">SoundBox</a> - an HTML5 synth music tracker</li>
		<li><a href="https://github.com/mneubrand/jsfxr">jsfxr</a> - <a href="http://www.superflashbros.net/as3sfxr/">as3sfxr</a> synth port to JavaScript</li>
		<li><a href="http://codepen.io/jackrugile/blog/arcade-audio-for-js13k-games">Arcade audio for js13kGames</a> - blog post about generating your own sound effects</li>
		<li><a href="https://github.com/nicolas-van/sonant-x">Sonant-X</a> - small JavaScript synthesizer library</li>
		<li><a href="http://www.cappel-nord.de/webaudio/">Web Audio API prototypes</a> - demos using the Web Audio API to synthesize audio in the browser</li>
		<li><a href="https://github.com/kevincennis/TinyMusic">TinyMusic</a> - simple, lightweight music synth/sequencer in JavaScript using the Web Audio API</li>
		<li><a href="https://github.com/xem/miniMusic">miniMusic</a> - draw a melody with your mouse, choose the tempo, volume and base note, then export it as a super short JS code</li>
	</ul>

	<h3 id="gfx">Artwork and fonts</h3>
	<ul>
		<li><a href="http://opengameart.org">OpenGameArt</a> - free graphics assets</li>
		<li><a href="http://codepen.io/agares/pen/CtxuE/">Sprite generator</a> - 1 color sprite interpreter</li>
		<li><a href="http://www.iquilezles.org/www/articles/voronoise/voronoise.htm">Voronoise</a> - procedural pattern generation</li>
		<li><a href="https://github.com/download13/blockies">Blockies</a> - identicon generation</li>
		<li><a href="http://pixelmap.amcharts.com/">Pixel map generator</a> - generate pixel maps</li>
		<li><a href="http://www.pixenapp.com/">Pixen</a> - pixel art editor for Mac OS X</li>
		<li><a href="http://compresspng.com/">CompressPNG</a> - compress PNGs online</li>
		<li><a href="http://tinypng.com/">TinyPNG</a> - advanced lossy compression for PNG images that preserves full alpha transparency</li>
		<li><a href="https://github.com/PaulBGD/PixelFont">Pixel Font</a> - tiny pixel font</li>
		<li><a href="https://github.com/xem/js13k-graphics-editor">js13k-graphics-editor</a> - Draw with your mouse and export the result as a tiny JS snippet</li>
		<li><a href="http://www.piskelapp.com/">Piskel</a> - Pixel Art and Animated Sprites</li>
		<li><a href="http://www.aseprite.org/">aseprite</a> - animated sprite editor &amp; pixel art tool</li>
		<li><a href="http://pyxeledit.com">Pyxel Edit</a> - is a pixel art editor designed to make it fun and easy to make tilesets, levels and animations</li>
	</ul>

	<h3 id="mini">Minification</h3>
	<ul>
		<li><a href="https://babeljs.io/repl">babeljs</a> - JS (ES2015/2016/2017) minifier based on Babili, choose your flavor in the "presets" dropdown</li>
		<li><a href="http://dean.edwards.name/packer/">Packer</a> - JavaScript compressor</li>
		<li><a href="http://javascript-minifier.com/">JavaScript Minifier</a> - minify your JavaScript</li>
		<li><a href="https://github.com/Siorki/RegPack">RegPack</a> -  self-contained packer for size-constrained JS code</li>
		<li><a href="http://closure-compiler.appspot.com/home">Closure Compiler</a> - compile your code</li>
		<li><a href="https://github.com/mishoo/UglifyJS">UglifyJS</a> - JavaScript parser / mangler / compressor / beautifier library for NodeJS</li>
		<li><a href="http://www.slideshare.net/DavidGoemans/extreme-javascript-minification">Extreme Javascript minification</a> - compression experiments</li>
		<li><a href="http://www.advancemame.it/download">ADVZIP</a> - zip file optimizer / recompressor (can reduce a 13kb zip to 9~11kb)</li>
		<li><a href="https://github.com/xem/miniMinifier/">miniMinifier</a> - tiny (but super efficient) HTML and CSS minifiers</li>
	</ul>

	<h3 id="aframe">A-Frame resources</h3>
	<ul>
		<li><a href="https://aframe.io/docs/0.6.0/introduction/#getting-started">A-Frame Documentation</a> - introduciton to A-Frame</li>
		<li><a href="https://aframevr-slack.herokuapp.com/">A-Frame Slack invitation</a> - ask questions here</li>
		<li><a href="https://aframe.io/aframe-registry/">A-Frame Registry</a> - useful components</li>
		<li><a href="https://github.com/aframevr/awesome-aframe">Awesome A-Frame</a> - many more A-Frame resources & examples</li>
	</ul>

	<h3 id="other">Other tools</h3>
	<ul>
		<li><a href="http://videogamena.me/">Video Game Name Generator</a> - generate a name for your game</li>
		<li><a href="https://github.com/mrdoob/stats.js/">stats.js</a> - JavaScript performance monitor</li>
		<li><a href="http://khan.github.io/live-editor/demos/simple/">Live Editor</a> - edit JavaScript code</li>
		<li><a href="https://github.com/allouis/minivents">Minivents</a> - small event system for JavaScript</li>
		<li><a href="https://gist.github.com/xem/99930986c5333125a13b0ea50600391f">Maths and trigonometry cheat sheet for 2D games</a></li>
		<li><a href="https://github.com/js13kGames/js13kserver">js13kserver</a> - sandboxed JavaScript game server</li>
		<li><a href="https://github.com/xem/js13k-level-editor">js13k-level-editor</a> - 1kb 2D map editor that you can use for your game (or include in your game!)</li>
		<li><a href="https://github.com/xem/3D-level-editor">3D-level-editor</a> - CSS3D map editor with customizable 3D shapes and 2D sprites</li>
		<li><a href="https://github.com/xenohunter/timestore">timestore</a> - library to manage multiple timers inside separate contexts</li>
		<li><a href="https://github.com/stasm/innerself">innerself</a> - a React/Redux-like view and state management for your game's UI, in less than 400 bytes</li>
	</ul>

	<h3 id="tuts">Tutorials</h3>
	<ul>
		<li><a href="http://gamedevelopment.tutsplus.com/articles/how-to-minify-your-html5-game-for-the-js13kgames-competition--cms-21883">How to minify your HTML5 game for the js13kGames competition</a></li>
		<li><a href="http://www.gamedevacademy.org/js13kgames-tutorial/">js13kGames tutorial - How to make a text game with HTML5</a></li>
		<li><a href="https://hacks.mozilla.org/2013/09/getting-started-with-html5-game-development/">Getting started with HTML5 game development</a></li>
		<li><a href="http://codeincomplete.com/posts/2013/5/27/tiny_platformer/">Tiny platformer</a></li>
		<li><a href="http://www.playfuljs.com/a-first-person-engine-in-265-lines/">A first-person engine in 265 lines</a></li>
		<li><a href="http://ojdon.github.io/blog/HTML5-Game-Development-Gulp-Workflow">HTML5 game development Gulp workflow</a></li>
		<li><a href="https://gist.github.com/xem/99930986c5333125a13b0ea50600391f">Trigonometry cheat sheet</a></li>
		<li><a href="https://gamedevacademy.org/js13kgames-tutorial-video-series/">js13kGames tutorial video series by Zenva Academy</a></li>
		<li><a href="https://xem.github.io/articles/#jsgamesinputs">How to support arrow keys, WASD and ZQSD keyboard inputs in just 160b of JS</a></li>
		<li><a href="http://xem.github.io/articles/#css3d">How to make games with CSS3D</a></li>
		<li><a href="https://aframe.io/aframe-school/#/">A-Frame School</a></li>
	</ul>

	<h3 id="vids">Videos</h3>
	<ul>
		<li><a href="https://www.youtube.com/playlist?list=PLYKU1lvSF85cletut9NULJwgEtN01TYWm">Jupi Plays Indie Games 2014</a> - YouTube playlist with Jupiter Hadley playing all the games from the 2014 edition</li>
		<li><a href="https://www.youtube.com/playlist?list=PL94Kxubp5fYe3XwC3rIeybFUhIkeuhJym">Let's play vids for js13k 2015</a> - YouTube playlist for 2015 entries by Keith Karnage</li>
		<li><a href="https://www.youtube.com/playlist?list=PLYKU1lvSF85czCO1G2UgwvxRpzGw8P2Bn">Jupi Plays Indie Games 2015</a> - YouTube playlist for 2015 entries by Jupiter Hadley</li>
		<li><a href="https://www.youtube.com/playlist?list=PLYKU1lvSF85e_jRg9g12GhpATCW1ETrb1">Jupi Plays Indie Games 2016</a> - YouTube playlist for 2016 entries by Jupiter Hadley</li>
	</ul>

	<h3 id="posts">Blog posts and post mortems</h3>
	<ul>
		<li><strong>2015 post-mortems:</strong>
			<ul id="posts2015">
				<li><a href="https://brosteins.com/2015/09/13/js13kgames-2015/">Nomis</a> by Nick Branstein</li>
				<li><a href="https://github.com/EduardoLopes/js13kgames-2015/blob/master/README.md">Tiny Stealth</a> by Eduardo Lopes</li>
				<li><a href="http://jamesswright.co.uk/blog/1442177-time-worm-js13kgames-entry">Time Worm</a> by James Wright</li>
				<li><a href="http://blog.kodewerx.org/2015/09/its-lovely-day-for-postmortem.html">It's a Lovely Day for a Drive</a> by Jay Oster</li>
				<li><a href="http://bitowl.net/raw-space/">Raw | space</a> by Bitowl</li>
				<li><a href="http://xem.github.io/articles/#js13k2015">GeoQuiz</a> by Maxime Euzière</li>
				<li><a href="https://github.com/gre/behind-asteroids/blob/master/README.md">Behind Asteroids — The Dark Side</a> by Gaëtan Renaudeau</li>
				<li><a href="http://giddyplanet.com/2015/09/galactic-backfire-a-retrospective-of-my-js13k-entry/">Galactic Backfire</a> by Rene Hangstrup Møller</li>
				<li><a href="https://ash.ms/blog/2015-09-17/road-blocks">Road Blocks</a> by Ash Kyd</li>
				<li><a href="https://github.com/morazor/TCM/wiki">The Cursed Mirror</a> by Marco Emiliozzi</li>
				<li><a href="https://github.com/madmaw/LD33/blob/master/README.md">Poust</a> by Chris Glover</li>
				<li><a href="https://github.com/MakeshiftMitten/bombsaway/blob/master/README.md">Bombs Away</a> by Makeshift Mitten</li>
				<li><a href="http://www.loganfranken.com/blog/1226/my-second-js13k/">ParaTec Systems</a> by Logan Franken</li>
			</ul>
		</li>
		<li><a href="http://fireside.gamejolt.com/post/7-great-js13k-2015-games-icyrzrkp">7 Great JS13K 2015 Games</a> by Paul Hack at Gamejolt Fireside</li>
		<li><a href="http://fireside.gamejolt.com/post/jam-favorites-js13kgames-jam-fax27wgm">Jam Favorites: JS13KGames Jam</a> by Jupiter Hadley at Gamejolt Fireside</li>
		<li><a href="https://hacks.mozilla.org/2016/08/js13kgames-code-golf-for-game-devs/">js13kGames: Code golf for game devs</a> - 2015 winners share their JavaScript tips and tricks at Mozilla Hacks</li>
		<li><a href="http://blog.codility.com/2016/08/game-development-javascript-and-codility.html">Game Development, JavaScript and Codility</a> - interview with FatFisz recruited by Codility after js13k 2015</li>
		<li><strong>2016 post-mortems:</strong>
			<ul id="posts2016">
				<li><a href="http://xem.github.io/articles/#js13k2016">Super Chrono Portal Maker</a> by Xem</li>
				<li><a href="https://walsh9.net/games/yoctopets-post-mortem">yoctoPets</a> by Walsh9</li>
				<li><a href="http://theperplactory.net/postmortem-js13k-2016/">Shuttle Power Dash</a> by Mary Bush</li>
				<li><a href="https://github.com/PixelJerry/JS13K_Nexus_overload/wiki/Making-of-Nexus-overload">Nexus Overload</a> by Pixel Jerry</li>
				<li><a href="https://github.com/vonloxx/js13k-2016/">PULSE</a> by Marco Fernandes</li>
				<li><a href="https://medium.com/@herebefrogs/blade-gunner-js13kgames-2016-post-mortem-6786d2237733">Blade Gunner</a> by Jerome Lecomte</li>
				<li><a href="https://jamesswright.co.uk/blog/1474997-glitch-hunt-js13kgames-2016">Glitch Hunt</a> by James Wright</li>
				<li><a href="https://github.com/plissken2013es/glitch-torpedo-js13k2016/blob/master/README.md">Glitch Torpedo</a> by Plissken2013es</li>		
				<li><a href="https://brosteins.com/2016/09/17/js13kgames-2016/">Nomis 2</a> by Nick Branstein</li>
				<li><a href="http://zofiakorcz.pl/buggy-snake">Buggy SnAkE</a> by Zosia Korcz</li>
				<li><a href="http://crocidb.com/articles/postmortem-phosphorus-dating.html">Phosphorus Dating</a> by Bruno Croci</li>
			</ul>
		</li>
		<li><a href="https://github.com/blog/2409-build-a-game-in-13kb-or-less-with-js13kgames">Build a game in 13kB or less with js13kGames</a> - a recap of some entries from previous years and GitHub's invitation to 2017</li>
		<li><a href="https://hacks.mozilla.org/2017/08/a-frame-comes-to-js13kgames/">A-Frame comes to js13kGames: build a game in WebVR</a> - Mozilla Hacks introducing new A-Frame category in 2017</li>
		<li><a href="https://blog.jscrambler.com/interview-game-development-using-javascript/">Interview with Andrzej Mazur - Game Development Using JavaScript</a> - Jscrambler blog post</li>
		<li><strong>2017 post-mortems:</strong>
			<ul id="posts2017">
				<li><a href="http://64mega.github.io/js13k-postmortem-2017.html">Lost In Labyrinth</a> by Daniel Lawrence</li>
				<li><a href="https://medium.com/@scriptnull/scribble-82c04fb6f7d3">Scribble</a> by Vishnu Bharathi</li>
				<li><a href="http://dhmstark.co.uk/articles/the-fish-are-too-smart/">Adrift</a> by David Stark</li>
			</ul>
		</li>
	</ul>

	<a class="fork page" href="https://github.com/js13kgames/resources" title="Fork me on GitHub"></a>
	<p class="note">
		The first version of this list was originally <a href="https://gist.github.com/blueboxes/9818da26141a854cba52">created</a> 
		by <a href="https://github.com/blueboxes">John Kilmister</a>.
	</p>
</main>

<footer>
	<div>
		&copy; js13kGames 2012-2017
		<p>Created and maintained by <a target="_blank" href="http://end3r.com">Andrzej Mazur</a> from <a target="_blank" href="http://enclavegames.com">Enclave Games</a>.</p>
	</div>
</footer>

</body>
</html>