文件名称:HTML 5 超级玛丽小游戏源代码
文件大小:105KB
文件格式:ZIP
更新时间:2014-04-18 03:26:16
HTML5 游戏代码
绝对不可错过的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); };
【文件预览】:
step-by-step
----step8()
--------step8-1.html(2KB)
--------enemy.js(977B)
--------Base.js(828B)
--------Game.js(3KB)
--------player.js(3KB)
--------Animation.js(2KB)
--------Sprite.js(2KB)
----step3()
--------step3-2.html(5KB)
--------step3-1.html(4KB)
----step4()
--------Base.js(585B)
--------step4-1.html(3KB)
--------Animation.js(2KB)
--------Sprite.js(2KB)
----step7()
--------enemy.js(973B)
--------Base.js(828B)
--------Game.js(3KB)
--------step7-1.html(2KB)
--------player.js(3KB)
--------Animation.js(2KB)
--------Sprite.js(2KB)
----step1()
--------step1-1.html(1KB)
--------step1-2.html(2KB)
----step2()
--------step2-1.html(3KB)
----step6()
--------Base.js(828B)
--------Game.js(2KB)
--------step6-1.html(4KB)
--------Animation.js(2KB)
--------Sprite.js(2KB)
----step5()
--------Base.js(631B)
--------Animation.js(2KB)
--------step5-1.html(5KB)
--------Sprite.js(2KB)
----res()
--------bg.png(51KB)
--------enemy.png(5KB)
--------player.png(10KB)