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

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

难度中级
时长 3小时27分
学习人数
综合评分9.80
87人评价 查看评价
9.9 内容实用
9.9 简洁易懂
9.6 逻辑清晰

最赞回答 / 请叫我蜗牛小姐
课程右下方资料下载。。。素材图片新。。。
我直接在waveObj对象里面添加了this.style=[];然后born的时候,把值传给他,进行颜色不一样的渲染,不用重复写这些代码了
哪里可以下载源码学习
辛苦 谢谢 期待新作品

最新回答 / Leo60
在main.js中当deltaTime预先给给定一个值得时候就可以了eg:var deltaTime=100;而不是只是定义一下而不给值

最新回答 / 差太多
找到了 有个地方this,y写成了this.x
谢谢老师,学习到了很多。
跟着老师把代码敲完了,加深了对js类的理解,很喜欢这个课程,感谢老师!
我觉得图片什么的可以放到相应的类里面,在init函数中初始化,而不是在main函数中初始化,这样代码会更加清晰
https://github.com/ww18/tinyHeart,
解决了不在一棵海葵上同时出现两个果实的情况

解决了光圈会同时出现很多的情况

遇到问题的同学可以参考一下,同时点个赞,让更多的人可以看到
白色圈还是没出来,检查了好几遍了

已采纳回答 / 心跳012345
ctx1.drawImage(this.bigTail,-this.bigTail.width*0.5+30,-this.bigTail.height*0.5); 你丢了 获取宽度 的 值了“width”。你会绘制大鱼 的顺序最好也调整一下     尾巴 , 身体, 眼睛仅供参考!!!!!!
建议先把方法添加到gameloop中,然后再看有没有效果
小鱼尾巴资源图片少了,缺少1-7
你少素材 幸好可以在网上下到完整版对照 才可以出来 还有些地方跟着老师有错
课程须知
1、对html、css基础知识已经掌握。 2、对JavaScript的基础知识掌握,如数组、类、对象。 3、学习本课程之前您最好已经学习完成《HTML5小游戏---爱心鱼(上)》
老师告诉你能学到什么?
1、html5 canvas制作游戏理念 2、html5 canvas 绘图API 3、游戏中的碰撞检测 4、认识几个数学函数 5、物体池概念 6、序列帧动画的控制

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消