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

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

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

已采纳回答 / kofzxaaa
JavaScript 是脚本语言。JavaScript 是一种轻量级的编程语言。JavaScript 是可插入 HTML 页面的编程代码。JavaScript 插入 HTML 页面后,可由所有的现代浏览器执行。

已采纳回答 / kofzxaaa
random函数返回一个0~num-1之间的随机数,所以是0-8的。

最赞回答 / 慕粉1461495807
x-图片在画布画图的起点x坐标,Y-图片在画布画图的起点x坐标,w-要在画布上画的图的宽,h-要在画布上画的图的高应该是drawImage(图片对象,x,y,w,h)应该是这个方法里的w和h设置的过大了吧,海葵或许是设置的strokeStyle=过大了,海葵只有头应该是moveTo(),lineTo()方法设置有问题

最赞回答 / 安安静静的写代码
var beta = Math.atan2(deltaY,deltaX)+Math.PI;看看你这里 x和y是不是反了

最新回答 / Harbeth丶R
如果你的代码和教程一致的话,在画海葵之前要先清理画布。在aneObj.prototype.draw = function () {ctx.clearRect(0,0,画布宽,画布高);//加上这个}

最新回答 / 小黍
是老师的录音效果不太好 我用1.25倍速度播放,能听清楚

已采纳回答 / kofzxaaa
两个层的css都加入:float:left(左对齐)<...code...>

已采纳回答 / 小黍
fruitObj.prototype.num=30;fruitObj.prototype.init=function这两句你都多出了一个括号,正确的如上,fruitObj后不要括号

最新回答 / 烟火里
<...code...>我也是海葵的高度和背景图片一样高~~~~~~

已采纳回答 / kofzxaaa
console.log("123");               即可。

已采纳回答 / 忧郁的红姐姐
我觉得是两个canvase  没有叠加  变成了y轴排列 应该在 css中设置   位置为绝对位置,并且要y轴叠加。这老师的后面第二节课后面有讲到
课程须知
1、对html、css基础知识已经掌握。 2、对JavaScript的基础知识掌握,如数组、类、对象。
老师告诉你能学到什么?
1、html5 canvas制作游戏理念 2、html5 canvas 绘图API 3、游戏中的碰撞检测 4、认识几个数学函数 5、物体池概念 6、序列帧动画的控制

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消