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

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

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

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

全部评论问答未解决精华

为啥感觉我的海葵和大鱼都被放大了。而且海葵只有头~~~

最赞回答 / 慕粉1461495807

x-图片在画布画图的起点x坐标，Y-图片在画布画图的起点x坐标，w-要在画布上画的图的宽，h-要在画布上画的图的高应该是drawImage(图片对象，x,y,w,h）应该是这个方法里的w和h设置的过大了吧，海葵或许是设置的strokeStyle=过大了，海葵只有头应该是moveTo(),lineTo()方法设置有问题

3 回答 974 浏览 2-8 大鱼随鼠标移动

2016-11-07

聪明的汤姆

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

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

2016-11-07

为什么是大鱼的尾巴跟着鼠标移动？

最赞回答 / 安安静静的写代码

var beta = Math.atan2(deltaY,deltaX)+Math.PI;看看你这里 x和y是不是反了

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

2016-11-07

海葵不显示

最新回答 / Harbeth丶R

如果你的代码和教程一致的话，在画海葵之前要先清理画布。在aneObj.prototype.draw = function () {ctx.clearRect(0,0,画布宽，画布高);//加上这个}

5 回答 1166 浏览 2-3 海葵绘制

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

声音快放就听不清楚

最新回答 / 小黍

是老师的录音效果不太好我用1.25倍速度播放，能听清楚

1 回答 593 浏览 2-3 海葵绘制

2016-11-06

小黍

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

2 2-3 海葵绘制

2016-11-06

慕粉1469272375

老师讲的很好

2016-11-06

新手小白

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

2 2-3 海葵绘制

2016-11-05

我想让两个层横向贴在一起。

已采纳回答 / kofzxaaa

两个层的css都加入：float:left（左对齐）<...code...>

1 回答 580 浏览

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

首页上一页 33 34 35 36 37 38 39 下一页尾页

开始学习

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

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

微信扫码，参与3人拼团

热搜

最近搜索清空