背景显示不出来???

来源:2-1 绘制背景

慕粉3972337

2016-11-18 16:09

var can1;

var can2;


var ctx1;

var ctx2;


var lastTime;  //上一帧执行的时间

var deltaTime; //两帧时间差


var canWidth;

var canHeight;


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");//fishes,dust,UI(score),circle

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

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

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



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


canWidth=can1.width;

canHeight=can1.height;

}

function gameloop(){

window.requestAnimationFrame(gameloop);

var now = Date.now();

deltaTime = now -lastTime;

lastTime = now;

drawBackground();

}


写回答 关注

2回答

  • 慕仰0389463
    2016-11-19 17:41:37
    已采纳

    可能你的图片路径有问题哦,你看看浏览器f12 中的network 有没有加载成功你的图片


    慕粉3972...

    非常感谢!

    2016-12-20 16:30:45

    共 2 条回复 >

  • qq_向着阳光生活_03329673
    2016-12-15 22:54:58

    怎么改的

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

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

92350 学习 · 551 问题

查看课程

相似问题