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

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

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

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

全部评论问答未解决精华

by_Annabelle3402613

drawBackground（）要放在ane.draw()前面，就是他们说的要先加载背景图再画图

2 2-3 海葵绘制

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

绿林伊语

为什么我的是柱体形状

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

我也是醉了，居然将this.alive[i]数组类型写成this.alive来赋值，导致fruit.alive[i]一直输出undefined，关键是检查时候也视而不见，能力还是不够。

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

2016-09-22

xiao蜗牛

一开始果实怎么也出不来，找了好久都没有发现为什么，不过大家不用怀疑老师的视频（老师的代码没有问题），还是需要注意细节

0 2-4 果实绘制（静态果实）

2016-09-21

写代码的阿木木

刚完成这一阶段
要源码的来这里吧
https://github.com/wangpinyuan/Games/tree/master/tinyHeart

1 3-1 课程总结

2016-09-16

写代码的阿木木

我的错误出在 now daletTime lastTime 的赋值
如过你们的一出来就巨大或者出不来
看看这几个
var lastTime = Date.now();
var deltaTime = 0;
var now = Date.now();
deltaTime = now - lastTime;
lastTime = now;

0 2-5 果实绘制（果实上浮）

2016-09-16

写代码的阿木木

老师后面没改么？
老师演示的时候也会报错啊，看一半BB什么啊

0 2-1 绘制背景

2016-09-16

微积分2016

requestAnimFrame()

1 2-1 绘制背景

2016-09-14

小胡3161632

我的果实没出来大神帮帮我

0 2-4 果实绘制（静态果实）

2016-09-13

首页上一页 17 18 19 20 21 22 23 下一页尾页

开始学习

课程须知: 1、对html、css基础知识已经掌握。 2、对JavaScript的基础知识掌握，如数组、类、对象。

老师告诉你能学到什么？: 1、html5 canvas制作游戏理念 2、html5 canvas 绘图API 3、游戏中的碰撞检测 4、认识几个数学函数 5、物体池概念 6、序列帧动画的控制

微信扫码，参与3人拼团

热搜

最近搜索清空

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