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

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

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

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

全部评论问答未解决精华

document.body.onload=game为什么会报错呢？

最新回答 / 时间门外

用window.onload就可以了

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

2015-10-25

魏小V

老师，calLength2函数求解释啊。

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

2015-10-25

zflb2008

fruitObj这个函数是一个果实池类，而不是一个一个的果实类，之前卡在这里了。。。

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

2015-10-25

在控制台中，一直在console.log，怎么让它暂停呢？？

最新回答 / 文詣

你很简单啊，你就直接把鼠标滚轮往上拨就好了

3 回答 6222 浏览 2-1 绘制背景

2015-10-25

背景图每次都要绘制，不放在gameLoop中绘制海葵的透明度属性就会失效

最新回答 / qq_包包世界我专业_0

如果失效就每绘制一次就清除一次画布

1 回答 1198 浏览 2-3 海葵绘制

2015-10-24

StayRealDream

讲得很好~~！
老师能不能把代码也上传了。
不然看完了再准备自己码代码遇到问题还得找视频看好慢呀

3 3-1 课程总结

2015-10-24

果实不显示

已采纳回答 / 子木李

下载老师的代码对比下吧，或者在关键的函数的位置用log看看函数是否执行，或者在浏览器里设置断点调试下吧，因为楼主没贴代码，也不知道你错在哪儿了，所以只能提供些调试js的方法

4 回答 1078 浏览 2-5 果实绘制（果实上浮）

2015-10-23

鱼尾巴和鱼头反了

最赞回答 / 学霸君1

把rotate函数里面的参数angle-179

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

2015-10-23

慕神2262926

键入：

document.body.onload = game;

function game()

{

console.log('hello');

}

出现错误提示：Uncaught TypeError: Cannot set property 'onload' of null

3 2-1 绘制背景

2015-10-23

为什么照着老师代码敲，老师的出现果实了，我的没有呢，大家有类似的情况吗

最新回答 / moonstar

对了那个this.o就是橘子我的这个我运行可以

8 回答 1496 浏览 2-5 果实绘制（果实上浮）

2015-10-22

沐小瑜

Tips：这里gameLoop采用了requestAnimationFrame()方法，所以浏览器每帧都会重绘。假若不加入此函数，背景图片是无法被调用显示的，这里有一个image资源预加载的问题（亲们把gameloop里的此函数去掉看一下浏览器的效果就知晓了。）。所以有了requestAnimationFrame()这个方法后，背景图片可以很巧妙的显示出来了。

1 2-1 绘制背景

2015-10-22

沐小瑜

仔细想了下：“为何ratio的参数越小，大鱼跟着鼠标跑的越快（有点类似鼠标灵敏度的感觉）”。在自封装的lerpDistance()这个方法内，ratio越大，每一帧（requestAnimationFrame()）内大鱼走的距离就越短，所以相同的距离下，ratio越大，需要的帧数就越多（一般都是100/60ms），时间就越长。

2 2-8 大鱼随鼠标移动

2015-10-22

IT姑凉

啊啊啊啊啊啊啊听不清听不清

1 2-3 海葵绘制

2015-10-22

IT姑凉

有时候听不清

1 2-1 绘制背景

2015-10-22

哈哈_mooc

很好啊，给力

0 1-2 搭建HTML网页结构

2015-10-22

慕标0485259

非常好希望老师多多出视频加油点赞

0 3-2 下期课程简介

2015-10-22

首页上一页 72 73 74 75 76 77 78 下一页尾页

开始学习

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

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

微信扫码，参与3人拼团

热搜

最近搜索清空