HTML 5 Web Design

HTML5 Game Engines

Thu, 27 Jan 2011 16:44:50 -0500

I’m getting a little obsessed with HTML5 games and am interested in learning how to make a game with HTML5. Since I’m a beginner with game programming, I think I will start by using a game engine.

With a little research, here are some of the HTML5 game engines currently available. Some are free/open source and others you gotta pay for.

Aves HTML5 Game Engine - Looks like this has recently been acquired by the evil empire Zynga. As of this writing the site it was on is down. So, who knows what’s up with that. Perhaps they are keeping it all to themselves so nobody else can make cool games?

Processing.js - HTML5 game engine can also be used for data visualization, interactive animations, graphs and more without plugins.

Akihabara -A set of libraries, tools and presets to make retro style, pixelated 8 and 16 bit era video games.

Effect Game Engine - Cool HTML5 game engine that allows you to create browser based games directly through their web site. This looks like a good place to start for beginners (like me).

Rocket Engine - This looks pretty promising. Built by professional game developers, no plug-ins required and works on multiple platforms, Facebook, etc. Currently you must apply to try out the engine.

Impact HTML5 Game Engine - Looks cool, but will cost ya $99. This can be a very good thing though as support will likely be good. Also appears to work on multiple platforms such as iPhone.

Crafty - Very lightweight javascript game engine. Looks like another good one to learn on.

Flax Game Engine - In development.

Well, that’s all for now. Now you have all the tools you need to build your own multi million dollar game company!

HTML5 Logo Official Site

Wed, 19 Jan 2011 23:11:08 -0500

HTML5 Logo Official Site:

Official site of the new HTML5 logo. T-Shirts for sale, too!

New HTML5 Logo

Wed, 19 Jan 2011 23:07:43 -0500

New HTML5 Logo

HTML5Rocks - Home

Tue, 03 Aug 2010 15:46:46 -0400

HTML5Rocks - Home

A Book Apart, Home

Tue, 03 Aug 2010 15:30:48 -0400

A Book Apart, Home

HTML5

Mon, 02 Aug 2010 22:46:54 -0400

HTML5

Introducing HTML5: Bruce Lawson and Remy Sharp

Mon, 02 Aug 2010 22:37:20 -0400

Introducing HTML5: Bruce Lawson and Remy Sharp

HTML5 Doctor, helping you implement HTML5 today

Mon, 02 Aug 2010 22:36:23 -0400

HTML5 Doctor, helping you implement HTML5 today

HTML5 Live: Course Content Overview (via SitePoint)

Mon, 02 Aug 2010 22:10:52 -0400

HTML5 Live: Course Content Overview (via SitePoint)

47 Amazing CSS3 Animation Demos

Sat, 06 Feb 2010 03:35:00 -0500

47 Amazing CSS3 Animation Demos

Tilt-Shift photo effect in Canvas

Tue, 02 Feb 2010 01:14:51 -0500

Tilt-Shift photo effect in Canvas:

This is really cool… this generates a Tilt-Shift photo effect from source images with Canvas. Going to play around with this one a bit… :)

Dive Into HTML5

Tue, 02 Feb 2010 00:46:38 -0500

Dive Into HTML5

Applications, games, tools and tutorials for the HTML5 canvas element - Canvas Demos

Tue, 02 Feb 2010 00:45:31 -0500

Applications, games, tools and tutorials for the HTML5 canvas element - Canvas Demos:

This site is dedicated to the HTML5 canvas element. View games, apps, tools and tutorials.

www.benjoffe.com | Canvascape / Textures

Tue, 02 Feb 2010 00:41:04 -0500

www.benjoffe.com | Canvascape / Textures:

First person 3D shooting demo using textures and the Canvas tag with HTML 5. Ok, I gotta say I think Flash is screwed. LOL

HTML5 enabling script

Mon, 01 Feb 2010 23:19:16 -0500

HTML5 enabling script:

Here is an HTML5 enabling script to help Internet Explorer IE acknowledge the new elements.

HTML 5 Demos and Examples

Mon, 01 Feb 2010 23:11:19 -0500

HTML 5 Demos and Examples:

Here are several HTML 5 Demos including interactive canvas gradients, video, geolocation, editable content, drag and drop, storage, database and more.