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

课程

/前端开发

/HTML/CSS

/HTML5小游戏---爱心鱼（下）

出现失真，比如鱼妈妈吃了果实之后，鱼妈妈和小鱼都不见了，控制台报错

老师，我能不能问一个问题，为什么你在做完水藻随海葵摆动之后鱼妈妈能够吃果实并且发出圈，但是我做完这个步骤之后，鱼妈妈吃果实之后圈会变粗，并且会出现失真的现象，鱼妈妈和小鱼都不见，屏幕上出现一部分，然后控制台报错：Uncaught TypeError: Cannot read property 'width' of undefined ,错误指向mom.js中ctx1.drawImage(momBodyBlue[momBodyCount],-momBodyOra[momBodyCount].width * 0.5, -momBodyOra[momBodyCount].height * 0.5)

Lia丶

2015-12-09

源自：HTML5小游戏---爱心鱼（下）

关注问题 我要回答
1387
操作
收起

正在回答

4 回答

Lia丶 提问者
2015-12-10

麻烦各位兄弟姐妹、老师帮小弟解答一下，感激不尽

0 回复 有任何疑惑可以回复我~
收起回答
Lia丶 提问者
2015-12-10

也就是，不设置果实和海葵一起摆动将不出错，一设置海葵和果实一起摆动就出错，刷新后整体没问题，吃果实就出现圈变粗，大鱼小鱼跟着不见（剩个尾巴什么的在屏幕上乱晃），然后控制台报错

0 回复 有任何疑惑可以回复我~
收起回答
Lia丶 提问者
2015-12-10

是这样的，我在fruit.js中加入

var NO = this.aneNO[i];

    this.x[i] = ane.headx[NO];

    this.y[i] = ane.heady[NO];

born中：this.aneNO[i] = Math.floor(Math.random() * ane.num);

之后就出现这个问题，在我把这里删掉，born中换成

var aneID = Math.floor(Math.random() * ane.num);

this.x[i] = ane.headx[aneID];

this.y[i] = ane.heady[aneID];

吃果实后将不再报错

0 回复 有任何疑惑可以回复我~
收起回答
惫懒sloth
2015-12-10

在控制台里debugger 一下 ，看看momBodyOra[momBodyCount] 这个为什么没定义

0 回复 有任何疑惑可以回复我~
收起回答
#1

Lia丶 提问者

我在fruit.js中加入 var NO = this.aneNO[i]; this.x[i] = ane.headx[NO]; this.y[i] = ane.heady[NO];
2015-12-10 回复 有任何疑惑可以回复我~
#2

Lia丶 提问者

born中：this.aneNO[i] = Math.floor(Math.random() * ane.num); 之后就出现这个问题，在我把这里删掉，born中换成 var aneID = Math.floor(Math.random() * ane.num); this.x[i] = ane.headx[aneID]; this.y[i] = ane.heady[aneID]; 吃果实将不再报错
2015-12-10 回复 有任何疑惑可以回复我~
#3

Lia丶 提问者

并且鱼也正常了
2015-12-10 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
HTML5小游戏---爱心鱼（下）
  • 参与学习       46272    人
  • 解答问题       189    个

通过一个清新美好的小游戏教程，熟悉游戏开发流程

进入课程

本课相似问答

4 回答鱼妈妈跟果实碰撞一次，分数增加好多

1 回答大鱼，和小鱼都不见了

3 回答鱼妈妈跟果实碰撞一次，果实数量也随机增加，分数增加好多，而且内存消耗特别高

1 回答小鱼大鱼都不见

1 回答大鱼不吃果实跟小鱼处于碰撞小鱼还是满血
搜索更多本课相关问答

出现失真，比如鱼妈妈吃了果实之后，鱼妈妈和小鱼都不见了，控制台报错

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信