HTML5小游戏---爱心鱼（上）_技术问答

首页免费课 HTML5小游戏---爱心鱼（上）问答

HTML5小游戏---爱心鱼（上）

                
                Daisy
            
                    查看讲师更多课程 
                    Daisy讲师的其他课程
                
HTML5小游戏---爱心鱼（下）
中级·46272
免费课程
                                
canvas实现星星闪烁特效
中级·54188
免费课程
                                
                难度中级
            
                时长 2小时34分
            
                学习人数
            
综合评分9.50
                            139人评价
                        查看评价
                                9.6
                                内容实用
                            
                                9.5
                                简洁易懂
                            
                                9.4
                                逻辑清晰

全部评论问答未解决精华

帮忙看看这段代码什么意思？？、

最赞回答 / moke00

获取鼠标相对canvas的偏移量

2 回答 700 浏览 2-8 大鱼随鼠标移动

2016-09-26

代码到浏览器里面啥也看不到了怎么回事？

+ 我来回答回答最高可+2积分

2 回答 726 浏览 1-2 搭建HTML网页结构

2016-09-26

Eric_lee

为什么我在浏览器里面看啥也没有呢？？？真是疯了

0 1-2 搭建HTML网页结构

2016-09-26

qq_Meng丶民哥_03969479

这个·游戏是啥软件做的

2016-09-26

天钊nice

有没有那些图片资源呀

0 1-2 搭建HTML网页结构

2016-09-25

只能看见大鱼的眼睛，身体和尾巴看不见

最新回答 / 孤独盲者

代码发出来看一下呀

1 回答 616 浏览 2-7 大鱼绘制

2016-09-23

海葵画不出

最新回答 / 宝慕林2157843

水经验。。。。。。。。。

2 回答 956 浏览 2-3 海葵绘制

2016-09-23

绿林伊语

为什么我的是柱体形状

0 2-6 果实绘制（果实数量控制）

2016-09-23

慕哥5332670

我的大鱼绘制没有显示，跟着老师做了2遍了还是不显示大鱼

momObj.prototype.draw = function()
{
ctx1.drawImage(this.bigEye, this.x, this.y);
ctx1.drawImage(this.bigBody, this.x, this.y);
ctx1.drawImage(this.bigTail, this.x, this.y);

}

1 2-7 大鱼绘制

2016-09-23

qq_风龙_0

数学计算那部分，不知道怎么计算的，但也知道是通过正负值的大小来确定旋转方向，老师视频代码产生的值反了，导致尾巴跟随。var detalY=this.y-my; var detalX=this.x-mx; var beta=Math.atan2(detalY,detalX);增加判断鼠标判断保证运行if(mx!=undefined&&my!=undefined){this.x=lerpDistance(mx,this.x,0.9);this.y=lerpDistance(my,this.y,0.9);this.angle=lerpAngle(beta, this.angle, 0.6);}

1 2-8 大鱼随鼠标移动

2016-09-23

qq_风龙_0

老师代码缺乏严谨性啊！function lerpDistance(aim, cur, ratio) {var delta = cur - aim; return aim + delta * ratio;}上面代码没有判断aim目标值是否为undefined，在谷歌浏览器调试，发现this.x和this.y为NAN，导致鱼妈妈没画出来解决办法：if(mx!=undefined&&my!=undefined){//鼠标移入画布再执行
this.x=lerpDistance(mx,this.x,0.9);
this.y=lerpDistance(my,this.y,0.9);}

5 2-8 大鱼随鼠标移动

2016-09-22

图片显示不出来

最新回答 / qq_风龙_0

drawBackground();//这是画背景图片的函数，你都没有放出来，给你补上，不知道是不是你想要的function drawBackground(){ //背景绘制到第二个canvas画布上 ctx2.drawImage(bgPic,0,0,canWidth,canHeight);}老师视频有好几个js文件，也包括这个背景图片绘画，注意在html页面引用<script type="text/javascript" src="js/background.js"></script&g...

1 回答 1392 浏览 2-1 绘制背景

2016-09-22