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

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

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

最新回答 / Zz皓
把main.js中这句代码注释掉看看:ctx1.clearRect(0, 0, canWidth, canHeight)  
第二遍代码打下来,大鱼还是显示不出来。

最赞回答 / sxs_happy
直接双击html文件浏览器打开,按f12就可以看代码了,然后你看标签还可以调试js,记得还可以修改css代码查看效果,也可以看网络相关的数据信息,总之很方便,谷歌浏览器的话也有很多插件。

最赞回答 / 慕粉1607511388
第一,你这个写的是果实的部分。第二,你看看你的drawImage函数部分是不是写错了,该写在括号里面的东西你写在外面。下面的是我的你可以找js里的fruit参考一下。https://github.com/dirstart/h5_tiny

最新回答 / 慕用3104214
 ctx2.drawImage(this.orange,this.x[i]-this.l[i]*0.5,this.y[i]-this.l[i]*0.5),this.l[i],this.l[i];  这句里面的“)”位置写错了
我觉得如果有个功能项专门可以给老师们上传资料,比如游戏的图片还有一些包,我们可以自由下载来用就更好了。
为什么我加上小鱼的代码后全部都看不到了。。。。。
老师我爱你,么么哒

已采纳回答 / DuoiLONG
this.bigEye.src = "/img/bigEye0.png"; this.bigBody.src = "/img/bigSwim0.png"; this.bigTail.src = "/img/bigTail0.png";这个好像有问题,少 加了. 吧你改成这样试试看 this.bigEye.src = "./img/bigEye0.png"; this.bigBody.src = "./img/bigSwim0.png"; this.bigTail.src = "./img/bigTail...
else
{
this.y [ i ] -=this.spd [ i ] *deltaTime;
}
没有学长加的那行代码,用consle输出this.l [ i ]时,一直显示“NAN”
讲的真好,除了一个点我适中不能明白外,整体做的还不错。我就是在使用deltaTime的时候出了很大问题,问了学长才解决的。就是在果实长大的时候,
if (this.l [ i ] < = 14 )
{
if(!deltaTime) //这是学长加上去的
{
{deltaTime=0;}
this.l [ i ] +=this.spd[ i ]*deltaTime;
}
else
{
this.y [ i ] -=this.spd [ i ] *deltaTime;
}
没有学长加的那行代码,用consle输出this.l [ i ]时,一直显示“NAN”
babyFishz.js 直接是bigFish.js复制过来的,改几个变量名就可以了,把big中的鼠标坐标(MX,MY)改成 大鱼坐标(bigFish.x,bigFish.y),修改下小鱼的移动速度、自转速度就可以了

最新回答 / qq_简笔_0
你是不是没有把脚本包含到html文件中,在html文件中的</body>的前面添加这个脚本的<script></script>标签
课程须知
1、对html、css基础知识已经掌握。 2、对JavaScript的基础知识掌握,如数组、类、对象。
老师告诉你能学到什么?
1、html5 canvas制作游戏理念 2、html5 canvas 绘图API 3、游戏中的碰撞检测 4、认识几个数学函数 5、物体池概念 6、序列帧动画的控制

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消