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

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

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

最赞回答 / qq_胡子大叔_2
getContext()这个方法需要参数,你这个bug显示的意思是 getContext方法没有足够的参数。我也不知道老师的方法不带参数为什么没有报错好像改成这样就可以了getContext("2d")
谁有大鱼的绘制代码,可以参考一下么,我的大鱼显示不出来

最新回答 / 一颗理性的脑袋
mian里的执行顺序的问题正确的是
drawBackground();
fruitMonitor();
fruit.draw();
mom.draw();
有几个私信我问怎么展示自己做的项目,写了教程,需要可以直接看http://www.cbat01.com/index.php/archives/26.html

已采纳回答 / 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)。
终于分析完了,有兴趣的可以来这看看,有源码,有效果展示,也有我的一些小分析。地址:https://github.com/CruxF/IMOOC/tree/master/HTML5?1533109391385
课程须知
1、对html、css基础知识已经掌握。 2、对JavaScript的基础知识掌握,如数组、类、对象。
老师告诉你能学到什么?
1、html5 canvas制作游戏理念 2、html5 canvas 绘图API 3、游戏中的碰撞检测 4、认识几个数学函数 5、物体池概念 6、序列帧动画的控制

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消