HTML5 Game Development
A Developer’s Guide to HTML5 Canvas | the HTML5 Center
Indie Game Developer McFunkypants
HTML5 Multiplayer with Node.js and Socket.IO
Chilly Framework | Open Source multiplayer platform for HTML5 based games Chilly Framework is a platform for HTML5 game development. We provide the developers with a ready-made multiplayer server and game engine that make game development easier and faster. Seamlessly integrated to provide all the features one needs for adding multiplayer capabilities to a browser game. Ideal for developing new games or porting existing single player games to multiplayer.
Nowadays web applications have greatly increased and they make extensive use of icons for their user interfaces. Thanks to @font-face rule we should include icons within our web pages using icon web fonts instead of single images. In this post we have collected 15 sets of icon web fonts that you can use to design your user interfaces. 15 Icon (@font-face) Web Fonts to Improve your User Interfaces
I'm not really sure this question is approprate here, but you can add a new "Build System" under Tools -> Build System -> New Build System... As with all configuration in Sublime Text its just JSON, so it should be pretty straight forward. The main thing you are going to want to configure is the "cmd" key/val. Here is the build config for launching chrome on my mac. Save that as Chrome.sublime-build, relaunch Sublime Text and you should see a new Chrome option in the build list. Select it, and then you should be able to launch chrome with Cmd-B on a mac (or whatever hotkey you have configured for build, maybe its F7 or Ctrl-B on a windows machine) html - Sublime Text 2 Keyboard shortcut to open file in Chrome
Canvas From Scratch
Case Study: Bouncy Mouse Introduction After publishing Bouncy Mouse on iOS and Android at the end of last year, I learned a few very important lessons. Key among them was that breaking into an established market is hard.
<title>Inkscape Output</title> var ctx = document.getElementById("canvas").getContext("2d"); // #layer1 ctx.save(); Taming the SVG Beast - Build New Games
Until recently, performance of browser-based games for mobile devices has lagged significantly behind desktop performance. If you wanted to create a Canvas-based mobile game, performance was terrible and you needed to build your game around the limitations of the platform. Developing a usable game meant using tricks like scaling up from very low resolutions or doing partial screen updates instead of full refreshes, meaning your game design was limited by the platform’s weaknesses rather than your creativity. Mobile Game Primer - Build New Games
SXSW 2012 - Do Gamers Dream of HTML5 Sheep? - Game Developers on Vimeo
Creating a 3D game with Three.js and WebGL Jul 24th, 2013 | Nikhil Suresh In order to learn the basics of Three.js and its use in 3D games, we will be creating a simple Pong clone with basic materials, lights and shadows. This will also cover some of the basic logic code required for a functional Pong game. Simulating Natural Systems in a Web Browser Jul 16th, 2013 | Vince Allen My feline QA team was hard at work batting down digital fireflies while I thought about the threshold of belief. What were the compelling qualities of the system I created that convinced her these targets were real enough to attack?
2D Game art for HTML5 Game Programmers Posted 16:16PM on March 17 2012 by Pascal Rettig Chris Hildenbrand has a great blog called 2D Game Art for Programmers targeted at programmers designing art for 2D games, focusing on using open-source tools such as Inkscape. Also check out Chris' introductory post on GamaSutra which covers a lot of the basics and is a huge boom to indie-developers without design skills.
Fast online code editing Cloud9 IDE provides a super fast, home grown code editor that beats the speed and scalability of most editors out there (yes even native ones). Go and give it a try! Test and Debug your Code Cloud9 IDE lets you build, debug, and run your Node.js applications within the browser.