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

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

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

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

全部评论问答未解决精华

我的代码和老师一样的，这里却出错了

已采纳回答 / 26ne3766843

我在这问题卡了很久研究了半天才发现 submine的编辑器可能自带有动画场景识别而我用的edplus则没有这个功能，换句话说凡是出现Type Error 这个问题是没有类型识别的解决办法很简单在里面加getContext("2d") 就可以了这表明该场景是2d动画类型里还有3d的动画但目前不需要。。。。选2d就好了希望能帮到大家！！大家一起加油！努力！向前冲！！

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

2016-06-27

qazzxc3549823

求教下{ctx1.save();ctx1.translate(this.x, this.y);ctx1.drawImage(this.bigEye,-this.bigEye.Width*0.5,-this.bigEye.Height*0.5);ctx1.drawImage(this.bigBode,-this.bigBode.Width*0.5,-this.bigBode.Height*0.5);ctx1.drawImage(this.bigTail,-this.bigTail.Width*0.5,-this.bigTail.Height*0.5);ctx1.restore();}哪错啊

0 2-7 大鱼绘制

2016-06-26

慕粉3443910

讲得非常好！

0 3-1 课程总结

2016-06-26

珂仔踮起脚尖仰望星空

我来回答下为什么尾巴跟着鼠标动：
this.x=lerpDistance(mx, this.x,0.99);
this.y=lerpDistance(my, this.y,0.99);
var deltaY=this.y-my;
var deltaX=this.x-mx;
var beta=Math.atan2(deltaY,deltaX);
把delata改为当前值减去目标值（亲测有效）；

2 2-8 大鱼随鼠标移动

2016-06-25

果实没有出现

已采纳回答 / 电饭锅的规划

上面的是你的代码吗，this.y =0,这个地方改下

2 回答 814 浏览 2-4 果实绘制（静态果实）

2016-06-25

java家洼

哎呀呀！花了近40小时才跟着老师学习了一遍啊，我这还没有自己独立去写呢，这才是第一阶段啊，OMG，压力山大。

0 3-2 下期课程简介

2016-06-25

java家洼

哎呀妈呀！到这里真不容易，花了我不少时间啊。

0 3-1 课程总结

2016-06-25

java家洼

老师讲的真心好，质量高。

1 2-11 小鱼绘制

2016-06-24

图片没有出来啊

最新回答 / 慕仙837676

图片出不来发现是图片src的问题，bgPic.src一直加载不过来，在页面中加个图片隐藏掉，再获取图片地址就可以出来了。<img id="img" src="../img/background.jpg"> bgPic = document.getElementById("img");换一种思路，就可以了

7 回答 1144 浏览 2-1 绘制背景

2016-06-24

java家洼

我们现在做的是一个硬性的约定了，把它约定在这个值里，虽然不是科学的，但是它不会出现诡异的事情。
哈哈，老师说话用词很讲究啊。

0 2-10 优化

2016-06-24

java家洼

哎呀呀，这个老师简直是大神啊，前端知识涵养，英语，口语，数学思维逻辑，全占了，厉害。

12 2-9 大鱼和果实的碰撞检测

2016-06-24