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

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

难度中级
时长 2小时34分
学习人数
综合评分9.50
139人评价 查看评价
9.6 内容实用
9.5 简洁易懂
9.4 逻辑清晰
老师源代码啊,么么么哒,很虚呀源代码
这个录制的声音真心是没法听
妹子老师的声音好赞,么么哒
那个lerpDistance里面的ratio参数应该怎么理解啊。
老湿,你是泰国人吗?
看到html写错了一直不改,强迫症好难受
重金悬赏!!!谁能做基于HTML5的塔防游戏(我这里有一点资料),可以做的联系我!!2016届毕业生。毕业设计。。。看到消息的兄弟联系我扣扣810808038。。。小伙伴求解救啊。。。。。。
要是有源代码就更好了
用迅雷就能下了
如果使用firefox浏览器,老师的代码就没有问题。但是如果是chrome,就悲剧了。因为drawImage图片是异步加载的,只有等图片加载完毕了,才能drawImage,否则没有图像。
考虑到这个案例的图片较多。最好的办法是,在整个代码的开始做一个图片的预加载,加载完毕了之后,再进行代码的其他操作。这样会更好点。
代码改进下就看到果实了。要等图片加载完毕了,再循环生成果实就可以了。
fruitObj.prototype.draw = function(){
var _this = this;
_this.orange.onload = function() {
for (var i = 0; i < _this.num; i++) {

_this.born(i);
ctx2.drawImage(_this.orange, _this.x[i], _this.y[i]);
}
}
}
声音听的好不舒服啊……
老师把最开始的html写成了thml。。。。。
课程须知
1、对html、css基础知识已经掌握。 2、对JavaScript的基础知识掌握,如数组、类、对象。
老师告诉你能学到什么?
1、html5 canvas制作游戏理念 2、html5 canvas 绘图API 3、游戏中的碰撞检测 4、认识几个数学函数 5、物体池概念 6、序列帧动画的控制

微信扫码,参与3人拼团

微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

友情提示:

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消