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

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

难度中级
时长 2小时34分
学习人数
综合评分9.50
139人评价 查看评价
9.6 内容实用
9.5 简洁易懂
9.4 逻辑清晰
firefox 也报那个错。。难道我的chrome版本低??但是ie内核就可以。getContext就没有缺省值吗==

已采纳回答 / wanluobo
1 检查下你有没有把这个js引进HTML中2 检查下在主函数的init()中是否创建了 ane=new aneObj();
关于在+2π和-2π,主要的作用是选择一个较短的旋转方向
比如从0°旋转到340°,有两个选择:
1、0 -> +340逆时针旋转
2、0-> -20 顺时针旋转
Math.PI解决反向的问题(自己的理解):
1、一开始鱼头默认为0,然后如果玩家鼠标向下偏移Z角度,按照正常的逻辑这个角度应该为π+Z,但是atan2这个函数只能返回-π到π,所以它返回的值为-(π-Z),是大于-π的。
2.然后将这个值加上π 就变成了Z,然后调用rotate(),因为这个Z是个正数,所以会逆时针旋转。
但是如果你没有加上π,就是角度与Z互为补角,方向为顺时针,所以会鱼尾巴跟着鼠标。
我的海葵一直在跳啊
http://pan.baidu.com/s/1slrcvTz 爱心鱼代码

已采纳回答 / 苍白的尾巴
把大鱼的跟随强度改成0.01<...code...>这个值越小,跟鼠标跟得越紧

已采纳回答 / 行为艺术
也就是说你的角度没有设置,请在 this.angle变量之后+ Math.PI    this.angle = lerpAngle(beta, this.angle, 0.9) + Math.PI

已采纳回答 / 杨凯迪
html中没有引入commonFunctions.js
麦克风有问题还是怎么的呀! 这声音好烦躁~~~

已采纳回答 / qq_愿光行_03130477
代码没报错就是逻辑问题 可能是你的draw()没放到主函数main里 也可能是你的出生代码无效我的 你对比下吧<...code...>var fruitObj=function(){ this.alive=[];//bool this.y=[]; this.x=[]; this.l=[]; this.spd=[]; ...
我的果实没出来

已采纳回答 / 26ne3766843
我在这问题卡了很久 研究了半天才发现 submine的编辑器可能自带有动画场景识别 而我用的edplus则没有这个功能,换句话说凡是出现Type Error 这个问题是没有类型识别的 解决办法很简单 在里面加getContext("2d") 就可以了 这表明该场景是2d动画 类型里还有3d的动画 但目前不需要 。。。。选2d就好了  希望能帮到大家 !!大家一起加油 !努力!向前冲!!
课程须知
1、对html、css基础知识已经掌握。 2、对JavaScript的基础知识掌握,如数组、类、对象。
老师告诉你能学到什么?
1、html5 canvas制作游戏理念 2、html5 canvas 绘图API 3、游戏中的碰撞检测 4、认识几个数学函数 5、物体池概念 6、序列帧动画的控制

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消