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

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

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

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

全部评论问答未解决精华

烛九阴_卡西

SyntaxError: illegal characterbackground.js:3:49
ReferenceError: drawBackground is not defined
gameloop()
main.js:45
game()
main.js:21
[详细了解]main.js:45:2
ReferenceError: drawBackground is not defined
一毛一样的代码，我的小火狐给我报错。。。【doge脸】

0 2-1 绘制背景

2016-11-10

用户198822

图片只显示一部分的 <div id="allcanvas"> 改成<div class="allcanvas">就能显示全部了

0 2-1 绘制背景

2016-11-10

慕粉3178367

把绘制放在计时器里。不会一直画么。。。draw函数。。

4 2-3 海葵绘制

2016-11-08

夏至125未至

图片资源在哪有啊

1 2-2 绘图API回顾

2016-11-07

聪明的汤姆

//如果浮出屏幕宽度那么果实就变为死亡状态并且重生
if(this.y[i] < 10){
this.active[i] = false;
this.born(i);
}
这样写更方便

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

2016-11-07

慕媛

看完bobo老师canvas四节课，画这些都好简单哦。

2 2-3 海葵绘制

2016-11-07

八戒卖萌

厉害了我的姐

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

2016-11-07

小黍

创建的两个构造函数应该首字母大写吧这样能够更好的区分普通函数和构造函数也就是决定你在创建实例是需不需要用到new字符

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

2016-11-06

小黍

只想说讲课逻辑很乱，天马行空跟不上

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

2016-11-06

小黍

这老师的课听得好累声音忽大忽小还时不时的输入错误不知道是故意让我们填坑还是别的

2 2-3 海葵绘制

2016-11-06

慕粉1469272375

老师讲的很好

2016-11-06

新手小白

海葵画不出来用的火狐浏览器感觉心好累有没报错很迷茫

2 2-3 海葵绘制

2016-11-05

慕仙8270835

(慕粉3451677)这位同学的答案解决了我的问题,我也是出不来

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

2016-11-05

八戒卖萌

直线的直线的直线的同跪在这里，
怒复制以警示。
谢谢楼下提醒一下大家

老师的重点&&逻辑真是一点也不清楚。。。不管怎样，老师您辛苦了

搞了半天，解决漂浮直线和海葵不透明，在gameloop里面用cxt2画背景图片才能盖住上一帧：

function gameloop(){

cxt2.drawImage(bg,0,0);

ane.draw();

fruit.draw();

}

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

2016-11-05

八戒卖萌

我的也是一条线一条线一条线....

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

2016-11-05

首页上一页 13 14 15 16 17 18 19 下一页尾页

开始学习

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

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

微信扫码，参与3人拼团

热搜

最近搜索清空

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