基于HTML5canvars的小游戏,利用HTML5实现Canvas激流勇进小游戏代码

特效描述：利用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();

}

}