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

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

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

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

全部评论问答未解决精华

夕颜egao

效果没出的注意调用一下位置或者注意是否忘记stroke或者fill

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

2016-12-09

暴龙ll

为什么我听着总有刺耳的声音

2016-12-07

qq_陪你去流浪_03848174

老师这背景图片一直绘制可不好把，会不会有些浪费性能啊，可以优化下么

0 2-1 绘制背景

2016-12-01

qq_陪你去流浪_03848174

老师好厉害，声音好甜啊

0 2-1 绘制背景

2016-12-01

Gotta

我下载 commonFunctions.js …… 被win10自带杀毒软件当成病毒杀掉了……

2 2-11 小鱼绘制

2016-11-25

乔治爱吃面

声音很温柔

1 2-1 绘制背景

2016-11-24

qq_Howyouremind_04008147

鼠标一动，大鱼就闪到左上角不动了

0 2-7 大鱼绘制

2016-11-23

厉害Sin

为什么第一批出生的果实吃不了，后面出生的果实就能被吃

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

2016-11-21

厉害Sin

this.fruitType[i] = (Math.ceil(Math.random()*10))%3==0?'blue':'orange';

ctx2.drawImage(this.fruitType[i]=='blue'?this.blue:this.orange ,

我在这两个地方都用了三元运算符，可以简化代码，不再需要if else

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

2016-11-20

厉害Sin

其实，不用监测alive，出去一个再生出一个，不是也一样吗

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

2016-11-20

厉害Sin

我把document.body.onload改成window.onload就行了

2 2-1 绘制背景

2016-11-19

慕粉1256922

js和图片资源为甚么下载不了，哪位大神请指点下哈

0 2-1 绘制背景

2016-11-19

幸福回忆

花葵画不出了是不是背景图片加载需要时间，显示的时候花葵被覆盖了。在image.onload图片预加载后再实行花葵的init（）函数看看

2 2-3 海葵绘制

2016-11-17

慕沐3880857

厉害，我的姐

1 1-2 搭建HTML网页结构

2016-11-14

星空下的小孩

游戏没有交互，算游戏吗？

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

2016-11-13

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

开始学习

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

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

微信扫码，参与3人拼团

热搜

最近搜索清空

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