canvas教程

HTML5游戏开发系列教程9(译)(2)

字号+ 作者:H5之家 来源:H5之家 2017-03-17 17:04 我要评论( )

在上面代码的开始处,我增加了两个新对象,球和敌人。每个对象都有他们自己的属性集(比如位置,大小,图片,速度),然后通过drawScene方法来绘制他们,在该方法底部,你可以看到处理球和敌人的碰撞检测代码: (ball

在上面代码的开始处,我增加了两个新对象,球和敌人。每个对象都有他们自己的属性集(比如位置,大小,图片,速度),然后通过‘drawScene’方法来绘制他们,在该方法底部,你可以看到处理球和敌人的碰撞检测代码:

(balls.length > 0) { 3 for (var key in balls) { 4 if (balls[key] != undefined) { (enemies.length > 0) { 7 for (var ekey in enemies) { 8 if (enemies[ekey] != undefined && balls[key] != undefined) { 9 if (balls[key].x + balls[key].w > enemies[ekey].x && balls[key].y + balls[key].h > enemies[ekey].y 10 && balls[key].y < enemies[ekey].y + enemies[ekey].h) { 11 delete enemies[ekey]; 12 delete balls[key]; 13 iScore++; 14 15 explodeSound2.currentTime = 0; 16 explodeSound2.play(); 17 } 18 } 19 } 20 } 21 } 22 } 23 } View Code

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • JavaScript+html5 canvas实现本地截图教程

    JavaScript+html5 canvas实现本地截图教程

    2017-03-17 18:07

  • HTML5 Canvas入门(七)

    HTML5 Canvas入门(七)

    2017-03-17 14:00

  • 干货分享 超炫丽的HTML5/jQuery应用及代码

    干货分享 超炫丽的HTML5/jQuery应用及代码

    2017-03-15 16:01

  • HTML5教程画布Canvas基础知识讲解,html5学习网

    HTML5教程画布Canvas基础知识讲解,html5学习网

    2017-03-14 09:01

网友点评
d