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

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

难度中级
时长 2小时34分
学习人数
综合评分9.50
139人评价 查看评价
9.6 内容实用
9.5 简洁易懂
9.4 逻辑清晰
成功入坑,果实没有出来,,,无语

已采纳回答 / liaojiaao
因为她以后这些都是动画,所以会每次都绘制
背景没加载出来的原因查了一下, 应该是异步加载图片的原因, 按老师的写法 在drawImage执行时图片还没加载好. 按下面这样写就可以了.

bgPic = new Image();
//异步加载图片,完成后执行回调方法onload来绘制
bgPic.src = './src/bg.jpg';
bgPic.onload = function () {
ctx2.drawImage(bgPic, 0, 0, canWidth, canHeight);
};

最新回答 / 慕粉4373203
ane初始化方法aneObj.prototype.init=function(){ for (var i=0;i<this.num ;i++ ) { this.x[i]= i*10+Math.random()*20;//[0,1)  this.len[i]=200+Math.random()*50; // 高度 } //console.log("a");}
效果出不来,代码一样还出错
有没有源码
说真的老师的代码质量不行啊!

最新回答 / qq_简笔_0
你再去看一下main.js这个文件,你的deltaTime这个变量是不是没有初始化,这个代码的问题就是你在deltaTime还没有初始化的时候就用了这个变量
没有错误,为什么背景图片就是加载不出来喃?

已采纳回答 / qq_你喜欢海却不喜欢山_0
先保存当前画笔的状态save(),再恢复restore()状态,在这之间的,有要旋转画笔,移动画布圆点的操作都不会影响到画布中其他的图形的绘制
bgPic.onload = function drawBg(){

ctx2.drawImage(bgPic,0,0,canWidth,canHeight);
}
我也是 代码不报错 图片不出来 尴尬了
背景图片还是没出来,我换成了css的方法。 background: url(&quot;./src/background.jpg&quot;);
课程须知
1、对html、css基础知识已经掌握。 2、对JavaScript的基础知识掌握,如数组、类、对象。
老师告诉你能学到什么?
1、html5 canvas制作游戏理念 2、html5 canvas 绘图API 3、游戏中的碰撞检测 4、认识几个数学函数 5、物体池概念 6、序列帧动画的控制

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消