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

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

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

最新回答 / lynhao
它是说你的属性没定义 贴个代码哦~~ 
看到这里就看不下去了 看不懂啊

最新回答 / 木子舟义
应该是你设置的绘制参数问题。获得的鼠标位移,可以检查一下 大鱼移动的偏移量(也就是相对于鼠标的位移改变而改变  并且相应增加或减少的值)
gameloop() 方法最后加ane.draw(); 海葵就出来了
讲的很详细

最新回答 / azqsx098
ane.js导入index.html了吗?<script src="ane.js"></script>

最新回答 / wslover
改了H5,那h5肯定有部分是要改的了,不过核心算法改动不大吧
哎,不大喜欢这个老师的声音,有鼻音,听起来很难受。。。
听不清!!!老师说话声音本来就有点不那么清楚!!!话筒还失真!!!真是。。。。

最赞回答 / xue5hen
清空的原因不是因为【canvas1覆盖在canvas2上】,教程中从来没这么说。教程中说的是:因为动画一直在循环执行,前一次的图像如果不清除,就会跟后面的图像叠加在一起,使得大鱼小鱼的边线看起来特别粗,所以才要清。打个简单的比方:写满字的黑板如果不擦,继续写上去的字就会跟之前的叠加在一起看不清楚。

最新回答 / zhangcl
找到答案了,因为背景图片每次都要绘制一次,所以将之前的海葵给遮住了,建议把ctx2.clearRect(0, 0, canWidth, canHeight);这个代码加上去
anemone海葵; 银莲花;
老师讲的很详细....每一个步骤都进行解释了,喜欢这样的讲课方式。。。谢谢老师。。老师辛苦了。
课程须知
1、对html、css基础知识已经掌握。 2、对JavaScript的基础知识掌握,如数组、类、对象。
老师告诉你能学到什么?
1、html5 canvas制作游戏理念 2、html5 canvas 绘图API 3、游戏中的碰撞检测 4、认识几个数学函数 5、物体池概念 6、序列帧动画的控制

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消