完全分享，共同进步——我开发的第一款HTML5游戏《驴子跳》
在线演示：http://yujianshenbing.w108.mc-test.com/game/donkeyjump/index.html（如果无法访问，请大家暂时先直接下载源码运行）
源码下载：请查看附件
{ // 这是某一帧的配置数据 x : 0, // 当前帧在动画的Image对象出现的x轴位置 y : 0, // 当前帧在动画的Image对象出现的y轴位置 duration : 10, // 当前帧播放的时间（ms） collRect : [[50, 93, 28, 15]] // 当前帧的矩形碰撞区域}
drawImage(image, -100, -200, 1290, 1920, 0, 0, 1920, 1920);?
?
drawImage(image, 100, 200, 480, 800, 0, 0, 480, 800);?
?
canvas.width = canvas.width;?
?
开发过程中，我们会使用到各种各样的工具；这里把我所使用到的各种工具分享给大家，如果大家有更好的工具，也希望能分享出来。
首先是各种浏览器，你懂的。
主要编码工具：Aptana 3.0（3.0中可以把背景设置为黑色，看起来很酷）
辅助编码工具：Notepad++（选择它，同样是因为它可以把背景设置为黑色）
代码调试工具：firebug、Chrome和IE的开发人员工具
性能分析工具：Firefox YSlow插件、YSlow for Chrome、IE9下使用自带的探查器
Web服务器环境：nginx
HTTP请求及性能监控：HTTPWatch（实际上IE9已经不再需要）、Firebug和Chrome Network、Fiddler2
写到这里，本文也快收尾了。整理这篇文章花费了好几天时间，希望大家能够多多支持。目前我已经开始下一个游戏的整理和开发工作，在完成后，会继续跟大家分享，希望大家多提建议，为更多人提供一个更加优质的学习资源。
?
转载时请注明原文地址：http://www.iteye.com/topic/1122395
1 楼 海角在眼前 2012-04-30 有些问题想请教一下，怎么联系你呢 2 楼 yujianshenbing 2012-05-03 海角在眼前 写道有些问题想请教一下，怎么联系你呢