特效描述:利用HTML5实现 Canvas 激流勇进 小游戏代码。利用HTML5实现Canvas激流勇进小游戏代码
代码结构
1. 引入JS
2. HTML代码
游戏玩法:使用左键、右键和上箭头键移动。
window.onload = function () {
var height = document.documentElement.clientHeight;
var kbBox = document.getElementById("kbBox");
var top = height - 400;
console.log(top);
kbBox.setAttribute("style","height:"+top/2+"px");
var startGameId = document.getElementById("startGame");
var enterGameId = document.getElementById("enterGame");
var gameId = document.getElementById("gameId");
enterGameId.onclick = function () {
gameId.setAttribute("style","display:block");
startGameId.setAttribute("style","display:none");
Loop();
}
}