HTML5打砖块游戏canvas.doc

2、int.fillStyle="black";paint.fillRect(0,0word范文.,canvas.width,canvas.height);/**游戏中每个元素：1，小球、2，砖块、3，挡板；*///小球：先画一个小球，让小球滚动起来；varball_x=40;varball_y=190;varball_r=10;varball_speed_x=5;varball_speed_y=5;//砖块：定义砖块类，创建砖块对象；functionBrick(x,y,width,height){this.x=x;this.y=y;this.width=width;this.heig

3、ht=height;this.isShow=true;}word范文.//创建砖块varbrick_x=23;varbrick_y=20;varbrick_width=50;varbrick_height=10;varx_off=5;vary_off=5;//首先，创建一个砖块//varbrick=newBrick(brick_x,brick_y,brick_width,brick_height);//创建50个砖块varbricks=newArray();for(i=0;i<50;i++){//focuson:注意if里面的条件if(brick_x+brick_width>can

4、vas.width){brick_x=23;brick_y+=brick_height+y_off;word范文.}//focuson:注意顺序，先创建一个砖块，然后再给x坐标++;varbrick=newBrick(brick_x,brick_y,brick_width,brick_height);brick_x+=brick_width+x_off;bricks.push(brick);}//挡板：创建挡板varbox_x=10;varbox_y=280;varbox_width=80;varbox_height=15;//定义方法，让挡板跟随鼠标移动canvas.onmous

5、emove=function(e){box_x=e.pageX-canvas.width+200;word范文.}//清除小球轨迹functionclearcanvas(){paint.beginPath();paint.fillStyle="black";paint.fillRect(0,0,canvas.width,canvas.height);paint.closePath();}setInterval(function(){//清除小球移动痕迹clearcanvas();//绘制小球paint.fillStyle="aqua";paint.arc(ball_x,ball_y

6、,ball_r,0,2*Math.PI,false);paint.fill();word范文.//绘制一个砖块//paint.fillStyle="aqua";//paint.fillRect(brick.x,brick.y,brick.width,brick.height);//绘制50个砖块paint.fillStyle="aqua";for(i=0;i

7、icks[i].height);}/**判断并设置砖块的显示状态*1，判断if(砖.显示&&球_x+球_r>砖.x&&球_x-球_r<砖.x+砖.width)2，再判断if(球_y+球_r>word范文.砖.y&&球_y-球_r<砖.y+砖.height){球_速_y=-球_速_y;砖.显示=false;}*/if(bricks[i].isShow&&　ball_x+ball_r>bricks[i].x&&ball_x-ball_r