利用HTML5 Canvas制作一个简单的打飞机游戏(3/3)

　　举个例子，当我的飞机发射一发炮弹，我需要一发炮弹，所以我就到炮弹数组里遍历，如果遍历到的炮弹visible为true，也就说明该对象正在使用着，不能拿来用，所以继续遍历，直到遍历到visible为false的炮弹对象，说明这个对象暂时没人用。然后就可以拿过来重新设置属性，投入使用了。当炮弹击中敌人或者打出画布外的时候，把炮弹的visible设成false，又成了一个没人用的炮弹在数组里存放起来等待下一次调用。

　　所以，我们要预算算好页面大概要用到多少个对象，然后就预先准备好对象，这样，在游戏进行中，不会有对象进行生成和销毁，对游戏性能方面就有了提升了。

　　最后再说下音频，游戏里面要用到多个同样的audio才能保证音效的不间断性：
复制代码

XML/HTML Code复制内容到剪贴板

1. var audio = document.getElementsByTagName("audio");   
2.                                             for(var i=0;i<audio.length;i++){   
3.                                                 console.log(audio[i].paused)   
4.                                                 if(audio[i].src.indexOf("boom")>=0&&audio[i].paused){   
5.                                                     audio[i].play();   
6.                                                     break;   
7.                                                 }   
8.                                             }  

好吧，基本上就这样了。技术或许还不够好，纯碎做个记录，如果代码有不当正处，欢迎指出，共同学习。

源码地址：https://github.com/whxaxes/canvas-test/tree/gh-pages/src/Game-demo/planGame