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

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

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

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

全部评论问答未解决精华

qq_月_17

新写法，

can1 = document.getElementById("canvas1");

ctx1 = can1.getContext('2d');

can2 = document.getElementById("canvas2");

ctx2 = can2.getContext('2d');

有点误人子弟啊

1 2-1 绘制背景

2017-04-15

没事儿打打杀杀

讲的很详细的

0 2-3 海葵绘制

2017-04-15

顾惜朝max3924351

momFruitCollection？momFruitCollision!不过这不是重点

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

2017-04-14

顾惜朝max3924351

黄色球出不来可能的原因是老师给的素材包里面没有orange.png，只有fruit.png，把名字改一下就好了

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

2017-04-14

丨木丶小子丨3472992

fruitObj.prototype.draw = function(){
for (var i = 0; i < this.num; i++) {
// draw
//find an one,grow ,fly up

console.log(this.y[i]-this.orange.height * 0.5);
ctx2.drawImage(this.orange,this.x[i]-this.orange.width * 0.5,this.y[i]-this.orange.height * 0.5)
}
}
是因为老师将height 写成了 canHeight；

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

2017-04-13

暖暖64

说“加上this.l[i]之后死活出不来果实了”的，你看看是不是只加了宽，长宽都要加

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

2017-04-09

qq_桃花依旧笑春风_03945711

momFruitColLection（）这个函数要注意第二个l是大写L

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

2017-04-07

liyangcoder

讲的很好,就是这个声音效果实在是太虐心了.

5 1-2 搭建HTML网页结构

2017-03-17