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

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

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

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

全部评论问答未解决精华

[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 回答 4673 浏览

2017-04-15

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

最新回答 / qq_胡子大叔_2

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

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

2017-04-14

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

最新回答 / 慕盖茨5506860

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

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

2017-04-14

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

2 回答 800 浏览 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 回答 788 浏览 2-1 绘制背景

2017-04-12

为什么一直提示drawImage有问题

最新回答 / 慕粉4334522

可能原因如下：(1)在game()函数中，先初始化，再调用gameloop()函数，即init()在gameloop()之前调用(2)function gameloop() { window.requestAnimationFrame(gameloop);}我用的是HBuilder，可能requestAnimationFrame()函数名不太一样.

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

2017-04-11

麻烦做视频认真点，底下一群学习的人错一个就是害一群人

最赞回答 / 慕粉3988711

大兄弟一看就知道没有看过DOM事件，请翻阅JS高级程序设计第三版将书籍翻到350页仔细研读DOM0级事件处理程序，再将书籍翻阅到362-363页请翻阅13.4.1的UI事件下的load事件，请仔细阅读load事件中的第二句话，否则怎么可能会提出这种“document.body.onload=game?这是什么玩意，跟你这么写完全就调用函数不成功”的奇葩建议。

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

2017-04-10

加了海葵后，浏览器显示不出任何东西

最新回答 / 慕移动9181930

也可以，但是从语义上看，还是onclick点击事件更容易理解。注意:numa>numb大于号两边没有空格numa==numb等于两边没有空格,在试一试吆。

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

2017-04-09

drawbackgroud()为什么不可以放在init中，还有ane.draw()

+ 我来回答回答最高可+2积分

0 回答 929 浏览

2017-04-06

看了两遍视频了代码也没错误大鱼就是显示不出来是怎么了？

最赞回答 / sophia93014252989

已解决在HTML文件中将z-index:1;写成了z-index:1px有没有大神说下1和1px的区别呢？

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

2017-04-01

求教,菜鸟惊慌失措了

最新回答 / YnezWood

应该是你html文件中，id=“canvas1”的标签不是canvas，把标签改为canvas应该就可以了

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

2017-03-29

我看到评论里有同学说直接把果实数字改成15我就试了试但是果实并没有重新出生？

+ 我来回答回答最高可+2积分

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

2017-03-28

canvas画背景的一个问题

最赞回答 / qq_风龙_0

增加图片加载监听（等待图片加载完），加上bgPic.onload=function(){ctx2.drawImage(bgPic, 0, 0, canWidth, canHeight);}要不就增加页面自动刷新函数，使用setInterval或者requestAnimationFrame，不断调用game函数,但不能使用两者一起使用，会不显示（估计是不断刷新，不断等待图片加载造成图片永远加载中而不显示）

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

2017-03-26