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

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

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

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

全部评论问答未解决精华

十乘三

坐标初始化了之后并没有中心合并在一起。所以我自己调了参数
ctx1.translate(this.x,this.y);
ctx1.drawImage(this.bigEye,this.bigEye.width*0.5+40,-this.bigEye.height*0.5);
ctx1.drawImage(this.bigBody,this.bigBody.width*0.5,-this.bigBody.height*0.5);
ctx1.drawImage(this.bigTail,this.bigTail.width*0.5+48,-this.bigTail.height*0.5);

1 2-7 大鱼绘制

2017-10-17

十乘三

我海葵没画出来是因为没有加init（）函数。你们看看加了没
ane=new aneObj();
ane.init();

2 2-3 海葵绘制

2017-10-15

月色晨曦

代码正确但是鱼完全不转的，需要先给this.angle赋值，比如在init（）中加：this.angle=0；这样才会被识别为数字。不然console.log(this.angle);显示为NaN，也就是说this.angle不是个数

1 2-8 大鱼随鼠标移动

2017-09-29

qq_O随心随性O_0

感觉很美的

0 1-2 搭建HTML网页结构

2017-09-28

慕仰9035039

我照着老师的写，为什么问题一直处在哪个第10行的init();

0 2-1 绘制背景

2017-09-17

Astar777

谢谢老师~人美声甜就是建议用个好点的话筒

3 3-2 下期课程简介

2017-09-16

慕粉1474852169

老师该换话筒了

0 2-1 绘制背景

2017-09-15

qq_跟我走_3

ctx1.clearRect(0,0,canWidth,canHeight);我加上这句就啥也出不来了，不加能正常显示

3 2-7 大鱼绘制

2017-09-14

坚持活下去啊

只能说图片加载和自己画的，在canvas,展现的速度是真的不一样，得同一加载定时器

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

2017-09-11

坚持活下去啊

只能浏览器的问题，所有关于加载不出来，只是先后的顺序问题，价格定时器吧

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

2017-09-10

坚持活下去啊

可以将ane.init()放在DrawImage之后，也可以在main.js中的loop给ane.init加一个定时器
window.setTimeout(function(){ane.draw();},1000);1秒之后图片基本加载，但要将requestAnimFrame注释，因为不断的快速循环，除了用context.width=context.width清空画布，他的海葵颜色叠加，无法透明！！

1 2-3 海葵绘制

2017-09-10