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

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

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

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

全部评论问答未解决精华

为什么要把对象定义成一个函数？

最新回答 / qq_马叉虫_0

方便调用

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

2017-05-12

小白求教TT

最新回答 / 大涧涧dry

game,在前面没有定义

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

2017-05-12

window.requestAnimFrame = (function(){ return window.requestAnimationFram || window.webkitRequestAnimationFram || window.mozRequestAnimationFrame || window.oRequestAnimationFrame || window.msRequestAnimationFrame || function(/* function FrameRequestC...

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

2017-05-06

急求！！！

最新回答 / qq_一头会飞的翔_03623174

window.requestAnimFrame = (function() { return window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || window.oRequestAnimationFrame || window.msRequestAnimationFrame || function( /* function FrameRequestC...

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

2017-05-06

为何在上面的canvas（z-index:1）就能显示背景图片，在下面的就没有图片

最新回答 / 烟火里

z-index值较大的元素叠加在z-index值较小的元素之上。ctx2的z-index应该默认是0了？

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

2017-04-22

````````````````````````````````````````

最新回答 / 梦菡3303254

```````````````````````````````````````答案 ······················

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

2017-04-21

没什么问题

最新回答 / qq_曼陀罗花开_0

那就好

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

2017-04-20

整个图片都靠近左下角，并不居中？？???

最新回答 / Syntax_Error

我的也是一样的

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

2017-04-20

为什么海葵和果实不用clearRect()这个函数来清楚之前画的东西

最新回答 / 慕丝6324622

我明白了。。因为背景图，海葵和果实都是画在一张画布上的，循环的重画，而背景图这个是在之前执行的，所以重画背景图之后，会使上一次所画的内容被覆盖，相当于“清除”；

2 回答 1319 浏览

2017-04-19

[Web浏览器] "Uncaught InvalidStateError: Failed to execute 'drawImage' on 'CanvasRenderingContext2D': The HTMLImageElement provided is in the 'broken' state."

最新回答 / 剑南青竹

ctx1.drawImage(img,100,100)调用该方法时img元素未获取解决方法:html页面添加<img id='imgS' src="">标签添加img= document.getElementById("imgS")获取图片语句;

1 回答 4844 浏览

2017-04-15

我想知道为什么我momFruitsCollision（）中的fruit.dead(i)执行了 this.alive[i】也变成了false 为什么果实不消失

最新回答 / qq_胡子大叔_2

我的问题是这样解决的代码无误无bug报告即使刷新多次谷歌浏览器不会被吃掉重新启动浏览器或者重新从编译工具启动测试游戏页面就可以被吃掉了为什么会这样的原因我总结了以下几点我这个测试的谷歌浏览器或者版本不支持实时更新我们这段触碰函数触碰函数都不支持各种浏览器实时更新……希望有大神指导一下正确原因。

4 回答 1248 浏览 2-9 大鱼和果实的碰撞检测

2017-04-14

有没有同学大鱼碰到果实了但是果实不消失！而且函数还执行了

最新回答 / 慕盖茨5506860

这个里面涉及到了一个fruit.dead函数，检查一下函数是否存在和创建

1 回答 969 浏览 2-6 果实绘制（果实数量控制）

2017-04-14

这果实往上走了怎么还有线条

最新回答 / 慕婉清9442512

我也有这样原问题，我是在画背景的时候多添加了句代码function drawBackground() { bgPic.onload = function() { ctx2.drawImage(bgPic, 0, 0, canWidth, canHeight); }}改成：function drawBackground() { ctx2.drawImage(bgPic, 0, 0, canWidth, canHeight);}

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

2017-04-13

为什么我的background文件不能用 ctx2

最新回答 / qq_七彩虹儿_0

1.html要引用<script type="text/javascript" src="js/main.js" ></script> <script type="text/javascript" src="js/background.js" ></script>2. document.body.onload = game;

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

2017-04-12

首页上一页 9 10 11 12 13 14 15 下一页尾页

开始学习

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

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

微信扫码，参与3人拼团