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

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

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

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

全部评论问答未解决精华

三十六烦恼风

问下怎么可以方便的复制文件名还带上扩展名，看老师在操作的时候很快就把文件名和扩展名复制好了，怎么做到的有什么快捷键吗？

0 2-7 大鱼绘制

2015-10-28

长风319

我老是获取不到正确的图片，是不是有点土啊，求大神指点啊！！！！

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

2015-10-27

_Random

给老师赞一个，期待快点出下期~

0 3-2 下期课程简介

2015-10-27

唠嗑你别老得太快

@geoffju 应该是距离的平方，加上 Math.sqrt(Math.pow(x1 - x2, 2) + Math.pow(y1 - y2, 2)); 才是距离。

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

2015-10-27

geoffju

@魏小V calLength2根据2个点的坐标，求两点之间的距离

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

2015-10-26

holy0573

老师一句话有时候重复很多遍啊····听起来腻腻的感觉····

1 1-1 HTML5小游戏---爱心鱼（上）课程简介

2015-10-26

魏小V

老师，calLength2函数求解释啊。

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

2015-10-25

zflb2008

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

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

2015-10-25

StayRealDream

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

3 3-1 课程总结

2015-10-24

慕神2262926

键入：

document.body.onload = game;

function game()

{

console.log('hello');

}

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

3 2-1 绘制背景

2015-10-23

沐小瑜

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

首页上一页 35 36 37 38 39 40 41 下一页尾页

开始学习

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

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

微信扫码，参与3人拼团

热搜

最近搜索清空

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