HTML 5 超级玛丽小游戏源代码

4星(超过85%的资源)
所需积分/C币:46 2011-03-29 09:39:36 105KB APPLICATION/X-ZIP
50
收藏 收藏
举报

绝对不可错过的HTML5 最新技术,本人多年的WEB 开发,现提供HTML 5超级玛丽小游戏的 开发 ,代码里有很详细的注释。愿以大家分享,绝对不会让每位爱好者失望。物有所值,所以别怪分数高。 // 创建canvas,并初始化 (我们也可以直接以标签形式写在页面中,然后通过id等方式取得canvas) var canvas=document.createElement("canvas"); canvas.width=600; canvas.height=400; document.body.appendChild(canvas); // 取得2d绘图上下文 var context= canvas.getContext("2d"); // 加载图片,加载后在context上进行绘制. (图片是异步加载,所以在onload事件里进行绘制) var image = new Image(); image.src = "../res/bg.png"; image.onload=function(event){ var loadedImg=event.target; // 将加载后的图片,绘制在画布坐标[dx,dy]处,也就是图片的左上角坐标为[dx,dy] var dx=10, dy=10 ; context.drawImage(loadedImg,dx,dy); };

...展开详情
立即下载
限时抽奖 低至0.43元/次
身份认证后 购VIP低至7折
一个资源只可评论一次,评论内容不能少于5个字
huanyuezimeng 感觉比较简洁,对于正在学习的我帮助很大,适合基础者学习借鉴。
2015-04-16
回复
Rio710 一般般啊,感觉内容太少
2014-07-14
回复
yaya_lss 没有跟用户的交互,都没实际操作成功,无非就是一步一步的 对于菜鸟来说并不是什么比较好的资源 还10分………………唉
2014-05-15
回复
与狼共舞的乖乖 用了10个积分下载了这个,感觉和超级玛丽还是有些出入,不过确实学到了好多,让朋友羡慕了一把!
2013-12-04
回复
zhqw1988 教程做得很详细,比较适合初学者学习HTML5使用。游戏整体来说与超极玛丽差距有点大,但是很好的实现了HTML5的画布功能。高手可以绕道了!
2013-09-15
回复
您会向同学/朋友/同事推荐我们的CSDN下载吗?
谢谢参与!您的真实评价是我们改进的动力~
关注 私信
上传资源赚钱or赚积分
最新推荐
HTML 5 超级玛丽小游戏源代码 46积分/C币 立即下载
1/0