#Welcome to the jsGameWiki! This is the brain for game programming with html5/canvas/javascript.
I'm trying to structure helpful sources like eBooks, videos, blogs, articles, presentations...
Part I - Content directly relevant to game programming with html5/canvas/javascript
i.e. tutorials, blog posts, engines, etc.
Part II - Content related to web-development which can be useful in a game programming context
i.e. html5/canvas articles, javascript performance, etc.
A starting point for good javascript resources is bebraw's sensational jswiki.
(Actually I see jsGameWiki as an addition to jsWiki for game programming topics)
A second project I'm running is webdevresources, a collection of links on web-development in general.
In case you want to contribute, be my guest! Here is a place for people who want to learn something about game programming and I'm very happy if you have some interesting sources to share.
- Game Tutorials - Tutorial or tutorial series about game programming with javascript
- Game Blogs - Blogs about game programming with javascript, tutorials, news...
- Game Talks - Talks / Presentation about game programming
- Game Design - The art of game design
- Game Engines - choose your game engine
- Game Services - Services which supports game programmers
- Javascript Games - for inspiration
- Graphics + Sound - some tools for graphics + sound
##Part II - Game Related
- Learning / Tutorials (HTML5 / CSS / Javascript / Gaming
- HTML5 API / Standards / Specifications
- HTML5
- Javascript
- Other
##Game Tutorials ###Javascript - Canvas
- Space Shooter
- Developing a Spaceshooter by Mozilla - source + summary of development for a space shooter
- Breakout Clone
- Simple Snake Game
- Making Sprite-based Games with Canvas
- HTML 5 Game Development - video tutorial serie from Jono X - actually running
- The most simple RPG - Step by step tutorial by Lost Decade Games
- Brickblock Game
- Snake Game - Step by step tutorial by Ralph Saunders
- Doodle Jump Clone
- jsPlattformer | js platform game tutorial
- js RPG Game Tutorial - made with craftyJs game framework
- Super Mario Bros
- Tiny Platformer
- Tile Based Game - Accelerated Game Programming with HTML5 and canvas
- HTML5 Jump'n Run - no tutorial, but excellent code for study
- Jumper Game with box2d Engine
- Boulderdash
- HTML5 Game Platformer
- Multiplayergame with Websockets
- How to Build a JRPG
###actionscript because actionscript is very similar to javascript. you can definitely take away some concepts.
##Game Blogs ###Blogs about gaming
- Blog of Rob Hawkes - experiments, talks, book, posts
- Blog of glacialflame - articles about isometric games
- Blog of That Guy - nice article serie about tile game engine
- Blog of michalbe - nice tutorials and posts about game engineering
- Old Blog of Marc Wilcox - New Blog of Marc Wilcox - Great HTML5 Game design posts
- Blog of nokarma - 2 very good posts - does he write a following article?
- Blog about indiegames - Videos about indiegames
- Blog of lostdecadegames - Some interesting posts about game design from the company lostdecadegames
- Blog of Emanuele Feronato - very much posts about flash and game design, but hey, you can learn so much from flash
- Blog of Jake Gordon - very good and detailled posts about some well known games implemented with javascript
- Blog of Bocoup - articles about specific parts for game development
###Blogs about experiments / demos
- Blog of mr doob - very exciting experiments
- Blog of nihilogic - articles and experiments
- Blog of Ben Joffe - experiments
###Forums/News for General Game Development (no javascript)
##Game Talks ###Video / Audio
- Lunch with Rob Hawkes: HTML5 Games - by Rob Hawkes - Overview and lessons learned for html5 game programming
- Building a JavaScript-Based Game Engine for the Web
- Multiplayer Gaming with HTML5: Are We Ready?
- Developing Games for the Web
- Angry Birds on HTML5 - Challenges to port Angry Birds to Chrome/HTML5
- Lostcast - Nice talks about game programming with Javascript. They also provide some very good links.
###Presentations / Slides
- 5 tips for your html5 games
- 10 tips to get started with html5 games
- HTML5 as a Game Console - by Michał Budzyński
- HTML5 Game Development with Javascript - by Rob Hawkes
- Gameprogrammingpatterns
- http://www.gamasutra.com/view/feature/6362/redesigning_wild_ones_into_.php - Article about changing a game by 10 design decisions
- Making html5 Games Match your Screen
- Bebraw's Game Engines List - Huge List about existing game engines with some filter criteria
- HTML5 Game Engine - another small game engine list
- Game Engine Comparison - In this article craftyJs, LimeJs and ImpactJs are compared
- Scoreoid - service for scoring lists, leaderboards, in game analytics, ...
- Tapjs - service for scoring lists, leaderboards, ...
- flexpi - services for gaming - stats, ingame payment, social media
- Easywebsockets - a WebSocket client to broadcast messages to webpages
- Clay.io - service for leaderboards, achievements, data storage, analytics, payment processing, ...
##Javascript Games ###Game Jams and competitions
###Here you can learn so much
- Javascriptgaming
- JSarcade
- demoJs
- banditracer - micro machines like game written with gamejs framework
- runjumpbuild game / source - online jump'n run editor, share levels with others
- html5-games - great HTML5 games most time with an article and/or sourcecode
- gameisart 2012 - some html5 games made in 1 week
- wizard of wor | wizard of wor source
- boulder dash | src objects | src game | src kit | src sound | src anim/keyboard
- pacman
- breakout with game engines - the same breakout game implemented with different game engines as example
- bombermine - massive multiplayer bomberman - check the uncompressed source via browser
- Solitr (source) - solitaire card games
###Here are some rememberable projects - but mostly with compressed code
- canvasrider - it's fun
- freeciv - Online Civilisation clone
- Legend of Zelda - Game Boy emulation
- Treasure Arena - Zelda like Battle Arena
- Command & Conquer Game / Command & Conquer Source - Command & Conquer clone
- Top 20 HTML5 Games
- Gaming Mozillalabs
###HTML5 Games
##Graphics and Sound ###Graphic
- Opengameart - Free, legal art for open source game projects
- Free sprites
- Game sprites
- Sprite database - ripped, not sure if free
- Sprite database
- iconfinder - sprites with different licenses
- Tiled Map Editor - free open source tiled map editor
- Arcade Font Engine - online font creator
- Fonts - fonts
- Spritelib - Free Spritepack licensed under CPL
- gfxlib - free developer graphic library licensed under CPL
- 8bitalpha - Online Service which resizes your png's from 24 to 8 bits -> for performance improvement
- wpclipart - Free images with online cropping service
- Sprite - Animation tool - not tried, but looks awesome
###Sound
- html5media - easy embedding of video and audio
- media.io - online audio converter
- nosoapradio.us - Game music - free
- Playonloop - Game music - free or with costs
- freesound - Sounds - free
- Absolute sound effects archive - Soundeffects - free
- modarchive - a lot of sounds
- soundbible - a lot of free sound effects
##Learning / Tutorials (HTML5 / CSS / Javascript / Gaming ###Landingpages
- Learn HTML5 by Mozilla - Great Landingpage
- Learn CSS by Mozilla - Great Landingpage
- Learn Javscript by Mozilla - Great Landingpage
###Tutorials
- HTML5 Tutorials by HTML5 Rocks
- HTML5 Tutorials by Game Development - Game Development News and Tutorials
- HTML5 Tutorials by HTML5Tutorial - Tutorials
- HTML5 Tutorials by HTML5Tutorial - Tutorials
- HTML5 Tutorials by HTML5Center
- HTML5 Canvas Tutorials by Mozilla
- HTML5 Canvas Tutorials by HTML5CanvasTutorials
- HTML5 Canvas Tutorial by Malcolm Sheridan - very good introduction to HTML5 Canvas
- HTML5 Canvas Tutorials by ThxtOs - Video tutorial - 8000 bullets animation - german
- HTML5 Canvas Tutorials List - List of canvas tutorials and resources
- HTML5 Game Dev Tips - 3 part series of tips and tricks
- HTML5 News by Gamedev - Gamedeveloper News
- CSS3 Tutorials by ThxtOs - Video tutorials - german
- CSS3 Learning with Fluid Layout Code
- CSS3 Deck - lot of examples for CSS3
- Javascript Tutorials by Opera
- Javascript Learning in 31 Days - Canvas and Javascript Tutorials in 31 Days - search for Javascript Day X
- Javascript Learning by koans - learning by finding errors
- Javascript Learning by LearnJs - short useful code snippets
- Javascript Learning by Javascript-Garden - best practises for javascript programming
- Javascript Learning by The Code Player - Learn HTML5,CSS3,JS Coding the new way, the Walkthroughs way!
- Javascript Learning by Code Avengers - Learn Javascript interactively in 40 lessons
##Standards / Specifications / API ###API
- HTML5 Web API
- HTML5 Doctor - API
- HTML5 Canvas - API - german
###Specification
- HTML5 specification - Standard - a readable HTML5 specification for web developers
- Javascript Reference by Mozilla
###Standards
- Front end development guidelines - best practises for front end development
- idiomatic.js - Principles of Writing Consistent, Idiomatic JavaScript
- Whats new in a specification? - Overview of Changes in HTML5, ES5, ES6, DOM4, ...
###Compatibility /Feature Detection
- HTML5 Readyness
- HTML5 Please
- Caniuse - Compatibility tables for support of HTML5, CSS3, SVG and more in desktop and mobile browsers.
- HTML5 Mobile - Overview of mobile HTML compatibility and Specifications
##HTML5 Performance ###Articles
- CSS tricks for canvas games
- Off-Screen Rendering (Render to Texture) with HTML5's Canvas Element
- Improving HTML5 Canvas Performance
- requestAnimationFrame for Smart Animating
- Chrome Experiments
- HTML5 Canvas Demos by Kevin Roast
- Mozilla Demo Studio
- Physics for Lazy Game Developers
- Canvas Demos
- HTML5 CSS3 Snippets - Examples for HTML5, CSS3 effects
##Javascript Libraries ###Library Lists
###Libraries
- modernizr - testing on active html5 + css features in browsers
- stats.js - nice little tool to show fps stats
- sprite.js - tool for sprite animation + nice demos
- augment.js - enrich browsers with modern javascript methods (ECMA 1.8.5)
- weinre - Remotedebugging Console: debug your iPhone, iPad, Wii etc. remotely from your PC
- Socket.IO - supports websockets and aims to make realtime apps possible in every browser and mobile device
- nowjs - makes realtime web apps really easy
- Closure compiler - Compiles javascript to javascript
- Pxxl.js - HTML5 Canvas utility to render texts in retro style and more.
- Game Modules Wiki - A list of game-related modules and examples for writing HTML5 games with browserify
- JavaScript Function Call Profiling - Article, John Resig
- JSConf Talk: Games, Performance, TestSwarm - Video, John Resig
- jsPerf - Javascript performance tests
- Profiling Built-In JavaScript Functions with Firebug - Article, Andy West
- Nicholas C. Zakas: Speed Up Your JavaScript - Video, Nicholas C. Zakas
- Dev.Opera Efficient JavaScript - Article
- Javascript Perfomance Best Practises - Article
- Extreme Javascript Performance - Presentation, Thomas Fuchs
- Extreme Javascript Performance - Video, Thomas Fuchs
- Making an iPad HTML5 App & making it really fast - Article, Thomas Fuchs
- Optimizing JavaScript for extreme performance and low memory consumption - Article, Jani Hartikainen
- The 'Opera-2dgame' Canvas Context - Article, Arve Bersvendsen
- Unleas the power of HMTL5 canvas
##Books
- jsbooks - list of free eBooks for javascript
- Eloquentjavascript - free eBook by Marijn Haverbeke
- DIVE INTO HTML5 - free eBook by Mark Pilgrim
- Essential JavaScript Design Patterns For Beginners - free eBook by Addy Osmani
- Building iPhone Apps with HTML, CSS, and JavaScript - free eBook by Jonathan Stark
- Javascript Bibliography - free eBook by editors of Safary books online
- OOP mit Javascript - free eBook by Peter Kropff- german
- HTML5 Handbuch - free eBook by Stefan Münz - german
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent