canvas游戏学习笔记（三）--打砖块

写在前面

用scratch和processing都写过打砖块，所以在逻辑上比较熟悉，区别在于编写代码的方式做了些改变。只要能正确理解JavaScript的语法，打砖块还是很快就可以写好的。

---

声明游戏角色

//定义砖块数组，反弹球，球拍
    var bricks=[]; 
    var player;
    var paddle;

定义游戏区域

//定义游戏区域
    var myGameArea={
        canvas:document.createElement("canvas"),   //代码生产canvas
        start:function(){
                             //游戏准备
            this.canvas.width=900;
            this.canvas.height=500;
            document.body.insertBefore(this.canvas,document.body.childNodes[0]);    //canvas加入页面
            this.context=this.canvas.getContext("2d");
            this.interval=setInterval(updateGame,20);
        },
        clear:function(){
                            //每一帧要清屏
            this.context.fillStyle="black";
            this.context.fillRect(0,0,this.canvas.width,this