三重奏

// window.onload = function () {
var score = document.getElementById("score");
var tip = document.getElementById("tip");

//create fender dynamic
var table = document.createElement("table");
table.setAttribute("id","fender");
table.setAttribute("style","width:100%;border:none;margin-top:-999px")
var left = document.createElement("td");
left.setAttribute("style","border:none;");
left.setAttribute("id","fender_l");
left.setAttribute("class","fender");
table.appendChild(left);

var mid = document.createElement("td");
mid.setAttribute("style","border:none;");
mid.setAttribute("id","fender_m");
mid.setAttribute("class","current_fender");
table.appendChild(mid);

var right = document.createElement("td");
right.setAttribute("style","border:none;");
right.setAttribute("id","fender_r");
right.setAttribute("class","fender");
table.appendChild(right);
var gamewindow = document.getElementById("gamewindow");
gamewindow.removeChild(gamewindow.firstChild);
gamewindow.appendChild(table)

var bird = document.createElement("div");
bird.setAttribute("id","bird");
bird.setAttribute("style","top: 0px; left: 0px; border: none; border-radius: 20px; width: 20px; height: 20px; background: blue; position: absolute; display: none;");
gamewindow.appendChild(bird);

var controller = new Controller({level:3,colors:['blue','red','green','#1A736D']},
function () {//加一分
score.innerHTML = controller.score;
}, function () { //游戏结束
controller.isover = true;
tip.innerHTML = "Game Over!";
});
EventUtil.addHandler(gamewindow, "click", function (event) {
//event = EventUtil.getEvent(event);
//var keycode = EventUtil.getCharCode(event);
//if (keycode==32 && controller.isover) {
tip.innerHTML = "";
controller.retry();
//}
});
};
// ]]>

SCORE:0

点击页面开始游戏,J(左)、S（中）、K(右)键控制挡板出现位置,接住落下来的小球
源代码下载：点击下载