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

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

难度中级
时长 2小时34分
学习人数
综合评分9.50
139人评价 查看评价
9.6 内容实用
9.5 简洁易懂
9.4 逻辑清晰

最新回答 / qq_雨天翔_0
https://github.com/cbat01/fishgame

已采纳回答 / T松子
我觉得有以下几个原因:1、html文件中没有包含fruit.js2、在主程序main.js中没有调用画果实的函数fruit.draw;3、可能拼写错误,比如prototype写为了protoType,只要有一处这样的错误,就会显示不出来,这类错误在控制台显示不出来,比较难找。4、...

已采纳回答 / tinypocket
bgPic.src = "./src/background.jpg";
上面代码执行后开始加载图片,加载成功需要一点点时间,图片还没完全加载好,就执行了你init里的drawBackground方法,所以无法绘图(把该方法放到setTimeout里延...

最新回答 / T松子
要先画背景,后画海葵<...图片...>

最新回答 / 前端工程师666777888
可以创建3个画布,第三个画布只放背景图(z-index:0),第二画布放海葵和果实(z-index:1),第一个画布放其他(z-index:2)。

最新回答 / 慕丝6324622
我明白了。。因为背景图,海葵和果实都是画在一张画布上的,循环的重画,而背景图这个是在之前执行的,所以重画背景图之后,会使上一次所画的内容被覆盖,相当于“清除”;

最新回答 / 慕妹5034279
大鱼的动作也可以使用deltaTime只是使用deltaTime是为了保持匀速运动的效果而大鱼的运动使用lerpDistance()方法,大鱼位置越趋近于鼠标位置速度就越慢,本来就是变速运动,不用deltaTime也可以
课程须知
1、对html、css基础知识已经掌握。 2、对JavaScript的基础知识掌握,如数组、类、对象。
老师告诉你能学到什么?
1、html5 canvas制作游戏理念 2、html5 canvas 绘图API 3、游戏中的碰撞检测 4、认识几个数学函数 5、物体池概念 6、序列帧动画的控制

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消