学习：HTML5 游戏《银河系的掠夺》图片加载进度条
游戏来源网址：http://dougx.net/plunder/plunder.html
据网站介绍，这个游戏是用HTML5 Canvas 和Audio对象开发，游戏的第一级（第一关）已完全完成，第二级（第二关）正在开发之中。。。
游戏试玩与源码下载：http://www.108js.com/article/article11/b0020.html
试玩第一关后，感觉非常象流行的PC游戏“雷电”。今天先将它的图片加载方法写点笔记。
效果如图：
这个游戏的图片加载非常简单有特色，并配有进度条。它的加载方法是将所有图片文件用img标签写在html页面内，并绑定onload事件，如下所示：
<img id="splash_screen" src="splash_screen.jpg" onload="itemLoaded(this);">
在itemLoaded(item)函数中主要做四件事：
1、如果没有初始化canvas,则初始化画布canvas
2、绘制初始界面的2张图片（背景图和标题图片，这个游戏目前有46张图片）
3、g_itemsLoaded++，这是图片加载计数，到目前为止加载了多少张
4、绘制进度条，每加载一张图片，绘一次进度条。
代码：
本学习笔记演示与源码下载：
http://www.108js.com/article/article3/30094.html
