HTML5/JavaScript 游戲開發資源列表

大量與 HTML5/JavaScript 游戲開發有關的書籍、視頻、博客、文章、幻燈片資源。

Part I - Game Sources

• 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
  • HTML5 Performance
  • HTML5 Demos
• Javascript
  • Javascript Libraries
  • Javascript Performance
  • Javascript Talks
  • Rey Bangos - The Big List of JavaScript, CSS, and HTML Development Tools, Libraries, Projects, and Books
• Other
  • Books
  • Email - Newsletter

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
• Doodle Jump Clone
• jsPlattformer | js platform game tutorial
• js RPG Game Tutorial) - made with craftyJs game framework
• Super Mario Bros
• Tiny Platformer

HTML5 Jump'n Run - no tutorial, but excellent code for study</li>

• Jumper Game with box2d Engine
• Boulderdash
• HTML5 Game Platformer
• Multiplayergame with Websockets
• How to Build a JRPG
</ul>

actionscript

because actionscript is very similar to javascript. you can definitely take away some concepts.

• Tile Based Games

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
</ul>

Blogs about experiments / demos

• Blog of mr doob - very exciting experiments
• Blog of nihilogic - articles and experiments
• Blog of Ben Joffe - experiments
</ul>

Forums/News for General Game Development (no javascript)

• Devmaster
• Tigsource
• Indiegamer
• reddit html5
• reddit html5 games
</ul>

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.
</ul>

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
</ul>

Game Design

• 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
</ul>

Game Engines

• 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
</ul>

Game Services

• 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, ...
</ul>

Javascript Games

Game Jams and competitions

• js1k contest
• js10k contest
• Ludum Dare
• FiMaRu
• html5gamejam (2010)
</ul>

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
• Full Screen Mario - awesome HTML5 Mario Clone
</ul>

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
</ul>

HTML5 Games

• html5games
• launchgaming
</ul>

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
</ul>

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
</ul>

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
</ul>

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
</ul>

Standards / Specifications / API

API

• HTML5 Web API
• HTML5 Doctor - API
• HTML5 Canvas - API - german
</ul>

Specification

• HTML5 specification - Standard - a readable HTML5 specification for web developers
• Javascript Reference by Mozilla
</ul>

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, ...
</ul>

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
</ul>

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
</ul>

HTML5 Demos

• 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
</ul>

Javascript Libraries

Library Lists

• microJs - list of micro frameworks
• jsdb.io - list of the best javascript libraries
</ul>

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
</ul>

Javascript Performance

• 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
</ul>

Javascript Talks

• Talks of Fronteers 2010 conference
• Talks from Douglas Crockford
• YUI Theater
</ul>

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
</ul>

Email - Newsletter

• javascriptweekly
• html5weekly
• web-design-weekly
</ul> 來自：https://github.com/DaRaFF/jsgamewiki