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

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

难度中级
时长 2小时34分
学习人数
综合评分9.50
139人评价 查看评价
9.6 内容实用
9.5 简洁易懂
9.4 逻辑清晰
我感觉不用监听果实的数量,直接把果实数量设为15,每死一个果实,就重新生成该果实,这样游戏中的果实数量也始终为15.
所有图片的下载地址有没有呀
海葵不出来,找了很久原因找不到,后面终于发现了问题,就是canvas的宽和高度必须要这么定义<canvas id="canvas" width='200px' height='200px' style="border:1px solid #aaa;margin:50px;"></canvas>

最新回答 / 慕数据4774247
因为会让课程的时间很长,而且15个果实在50个海藻上重复的概率不高
海葵画不出来。。。
十分感谢老师
老师讲得很棒,强烈推荐!!
有木有高手解释下function lerpAngle(a,b,t){
var d = b - a;
if(d > Math.PI) d = d - 2 * Math.PI;
if(d < -Math.PI) d = d + 2 * Math.PI;
return a + d * t;
}
想不明白哇。。
有点懵。。。。 老师 怎么讲着讲着,代码又变了呢,好难受。
老师,您那个requestAnimFrame.js的源码在哪呢,我找不到

已采纳回答 / 慕函数0883431
我猜清空应该在循环的外面

最新回答 / xiaoyaodeed
如果直接调用不能反复使用,吧属性和方法放在原型中可以随时使用
讲的真好,老师辛苦了
源代码:https://github.com/CodeLittlePrince/FishHeart
既然鼠标坐标喝大鱼坐标之间存在坐标差,那么这个差值形成的夹角不就是大鱼转动的角度吗?为什么还要用那个lerpAnagle函数?还有为什么那个lerpAngle函数里的d在大于-π的时候d=d-2π,这个函数算法的原理是什么?为什么再这个关键点上老师一笔带过?不理解,请给大家解释下怎么来的?
怎么下载不下来源文件
课程须知
1、对html、css基础知识已经掌握。 2、对JavaScript的基础知识掌握,如数组、类、对象。
老师告诉你能学到什么?
1、html5 canvas制作游戏理念 2、html5 canvas 绘图API 3、游戏中的碰撞检测 4、认识几个数学函数 5、物体池概念 6、序列帧动画的控制

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消