<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>canvs的绘图开始</title>
<style>
body{
padding: 10px;
}
.all_bg{
width: 800px;
height: 600px;
margin: 0 auto;
}
#allcanvas{
position: relative;
width: 800px;
height: 600px;
margin: 0px;
}
#canvas1{
position: absolute;
bottom: 0;
left: 0;
z-index: 1;
}
#cancas2{
position: absolute;
bottom: 0;
left: 0;
z-index: 0;
}
</style>
</head>
<body>
<div class="all_bg">
<div id="allcanvas">
<canvas id="canvas1" width="800" height="600"></canvas>
<canvas id="cancas2" width="800" height="600"></canvas>
</div>
</div>
<script type="text/javascript" src="js/commonFunctions.js"></script>
<script type="text/javascript" src="js/main.js"></script>
<script type="text/javascript" src="js/background.js"></script>
<script type="text/javascript" src="js/ane.js"></script>
<script type="text/javascript" src="js/fruit.js"></script>
</body>
</html>
1 回答
qq_素花之年多余的解释_04264913
TA贡献2条经验 获得超0个赞
var can1;
var can2;
var canWidth;
var canHeight;
var ctx1;
var ctx2;
var lastTime;
var detaTime;
var bgPic= new Image();
document.body.onload = game;
var ane; /// hai kui zhong zi
var fruit; //果实
function game() {
init()
gameloop()
lastTime = Date.now();
detaTime = 0;
}
function init(){
//初始化
can1 =document.getElementById('canvas1'); //shang
ctx1 =can1.getContext('2d');
can2 =document.getElementById('cancas2'); ///xia
ctx2 =can2.getContext('2d');
bgPic.src ="src/background.jpg"
canWidth = can1.width;
canHeight = can1.height;
ane = new aneObj();
ane.init();
console.log("a")
fruit = new fruitObj();
fruit.init();
}
function gameloop(){
window.requestAnimationFrame(gameloop);
var now =Date.now();
detaTime =now-lastTime;
lastTime = now;
drawBackground(); //bf img
ane.draw();////hai kui yinru
fruitMonitor(); //海葵 果实的变化 控制
fruit.draw();
}添加回答
举报
0/150
提交
取消