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

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

难度中级
时长 3小时27分
学习人数
综合评分9.80
87人评价 查看评价
9.9 内容实用
9.9 简洁易懂
9.6 逻辑清晰
老师讲的真好
跟着老师一步一步做下来,感觉很好,谢谢老师

最新回答 / 王不留形
...嗯,有个图片的路径少了一个"."  是我逗比了大家不要再浪费时间了
人生第一次,谢谢老师的陪伴
感谢 学到了很多
完结撒花~谢谢老师~
wave和halo感觉可以统一成一个~~
图集里有个Play.png和游戏介绍画面。可以定义PlayNum(点击游戏次数)默认为0,为0时用画板加载 ctx1.fillText("PLAY GAME", canWidth * 0.5, canHeight * 0.5-50); 然后那个Play.png可以用div的背景来使用,用absolute定位top:80%;left:45%,初次为display:none,点击加载game(),PlayNum++ ,改变鼠标获取焦点 if (!data.GameOver &&playNum>0),然后在画小鱼的时候判断固定为0帧(好看),再加载个背景音乐(用定位),死亡时可以避免使用刷新。

最新回答 / Capricorn_x
好比一个池子里放着30个圈圈,最开始都是闲着的(FALSE),没有被使用,每当大鱼碰到果实的时候,就去池子里捞一个圈圈,这时候要看这个圈圈是不是闲着的,只有闲着的才能被捞起来。
我觉得是这样的,每高过多少分,就加快小鱼死亡的系数。每次吃蓝色翻倍,比如有2个就翻4倍
感谢老师辛苦的教导,我跟着做完了,还把这个游戏改成了移动端的,但是发现配置较低的手机跑起来没有那么流畅
跟着做完,收获很大,对JS中对象的应用更进一步,发现canvas真的很强大,但我现在感觉canvas对事件的支持太繁琐,不如click等这种事件来的方便,如果能改良事件处理机制,那么canvas将非常非常牛,交互制作将容易多了。

最新回答 / qq_风龙_0
this.childTailTimer报错NaN只能是deltaTime没有值,检查下咯,我小鱼尾巴也是用的大鱼尾巴,调整下大小,位置,因为老师小鱼尾巴图片没给够
讲的非常好,思路很清晰!学到了很多!!
非常感谢老师,已经跟着视频把这个小游戏完成了。。
课程须知
1、对html、css基础知识已经掌握。 2、对JavaScript的基础知识掌握,如数组、类、对象。 3、学习本课程之前您最好已经学习完成《HTML5小游戏---爱心鱼(上)》
老师告诉你能学到什么?
1、html5 canvas制作游戏理念 2、html5 canvas 绘图API 3、游戏中的碰撞检测 4、认识几个数学函数 5、物体池概念 6、序列帧动画的控制

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消