为了账号安全,请及时绑定邮箱和手机立即绑定

背景出不来

var can1;

 var can2;

 var ctx1;

 var ctx2;

 var lastTime;

 var deltaTime;

 var bgPic=new Image();

 var canWidth;

 var canHeight;

document.body.onload=game;

function game(){

lastTime=Date.now();

deltaTime=0;

init();

gameloop();

}

function init(){

can1=document.getElementById("canvas1");

can2=document.getElementById("canvas2");

ctx1=can1.getContext("2d");

ctx2=can2.getContext("2d");

bgPic.src="src/background.jpg";

canWidth=canvas1.width;

canHeight=canvas1.height;

}


function gameloop(){

window.requestAnimFrame(gameloop);

var now=Date.now();

deltaTime=now-lastTime;

lastTime=now;

drawBackground();

}

http://img1.sycdn.imooc.com//56357ea20001768a11230111.jpg

正在回答

3 回答

求解答!!!!!!!!!!!!!!!!!!

0 回复 有任何疑惑可以回复我~

和你一样的问题,我的代码是

var can1,can2;

var ctx1,ctx2;

var lastTime,deltaTime;

var bgPic = new Image();

var canWidth;

var canHeight;


document.body.onload = game;

function game () {

init();

lastTime = Date.now();

deltaTime = 0;

gameloop();

}

function init () {

can1= document.getElementById('canvas1');

ctx1 = can1.getContext('2d');

can2= document.getElementById('canvas2');

ctx2 = can2.getContext('2d');

bgPic.src = "./src/background.jpg";

canWidth = can1.width;

canHeight = can1.height;

}


function gameloop () {

window.requestAnimFrame(gameloop);

var now = Date.now();

deltaTime = now-lastTime;

lastTime = now;

drawBackground();


}

background.js的代码是:

function drawBackground () {

ctx2.drawImage(bgPic,0,0,canWidth,canHeight);


}


0 回复 有任何疑惑可以回复我~

你的这里:

canWidth=canvas1.width;

canHeight=canvas1.height;

改成:

canWidth=can1.width;

canHeight=can1.height;

试下


0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
HTML5小游戏---爱心鱼(上)
  • 参与学习       92348    人
  • 解答问题       551    个

学做HTML5游戏,轻轻松松带你上手,适合刚入手游戏开发的同学

进入课程

背景出不来

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信