背景显示不出来

来源:2-1 绘制背景

jubi

2016-01-21 20:43

背景显示不出来,代码检查很多遍了,也换浏览器试过依然刷不出来,求源码,下面是我的代码

// JavaScript Document------main.js部分-------

var can1;

var can2;


var ctx1;

var ctx2;


var canWidth;

var canHeight;


var lastTime;

var deltaTime;


var bgPic=new Image();

document.body.onload=game;

function game(){

init();

lastTime=Date.now();

deltaTime=0;

gameloop();

}


function init(){

//获取canvas context

can1=document.getElementById("canvas1");//fish,dust,UI,circle

ctx1=can1.getContext('2d');//canvas1场景

can2=document.getElementById("canvas2");//background,ane,fruits

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

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

canWidth=can1.width;

canHeight=can1.height;

}

function gameloop()

{

window.requestAnimFrame(gameloop);//语句含义:当前绘制完成根据机器性能绘制下一帧,即frame per second是不确定的

var now=Date.now();

deltaTime=now-lastTime;

lastTime=now;

drawBackground();

}

// JavaScript Document-----background.js部分-----

function drawBackground(){

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

}


写回答 关注

4回答

  • www_Y
    2016-05-01 17:11:16

    有没有人知道啊

  • www_Y
    2016-05-01 17:10:39

    我也是这个问题

  • 低丶調
    2016-03-16 09:05:57

    我也是这个问题,你解决了吗?

  • jubi
    2016-01-21 21:00:03

    解决了orz代码backgroud的代码没更新保存

HTML5小游戏---爱心鱼(上)

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

92353 学习 · 550 问题

查看课程

相似问题