-
. z.
使用canvas + js
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<tit var brick = new Brick(brick_*,brick_y,brick_width,brick_height);
//创立50个砖块
var bricks = new Array();
for(i=0;i<50;i++){
//focuson: 注意if里面的条件
if(brick_* + brick_width > ){
brick_* = 23;
brick_y += brick_height + y_off;
}
-
. z.
//focuson:注意顺序，先创立一个砖块，然后再给*坐标++;
var brick = newBrick(brick_*,brick_y,brick_width,brick_height);
brick_* += brick_width + *_off;
(brick);
}
//挡板：创立挡板
var bo*_* = 10;
var bo*_y = 280;
var bo*_width = 80;
var bo*_height = 15;
//定义方法，让挡板跟随鼠标移动
= function(e){
bo*_* = * - + 200;
}
-
. z.
//去除小球轨迹
function clearcanvas(){
();
="black";
(0,0,,);
();
}
setInterval(function(){
//去除小球移动痕迹
clearcanvas();
//绘制小球
="aqua";
(ball_*,ball_y,ball_r,0,2*,false);
();
//绘制一个砖块
-
. z.
// ="aqua";
// (brick.*,,,);
//绘制50个砖块
="aqua";
for(i=0;i<;i++){
//如果砖块是显示状态，才显示；
if(bricks[i]
html5打砖块游戏canvas 来自淘豆网m.daumloan.com转载请标明出处.
