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

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

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

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

全部评论问答未解决精华

食己少女

用画笔1来画就能画出海葵了，如果还是不行，可能是脚本顺序加载不对以至于画笔变量未声明，可以使用JsHint全局指令解决这个问题，也就是在脚本里加上/* global ctxt1 */

1 2-3 海葵绘制

2016-10-23

慕尼黑5311549

https://github.com/MandyJin/imooc--Game 跟着老师完成的小游戏，部分变量名不同，可参考

2 2-1 绘制背景

2016-10-23

慕尼黑5311549

同跪在这里，怒复制以警示。
老师的重点&&逻辑真是一点也不清楚。。。不管怎样，老师您辛苦了
搞了半天，解决漂浮直线和海葵不透明，在gameloop里面用cxt2画背景图片才能盖住上一帧：

function gameloop(){

cxt2.drawImage(bg,0,0);

ane.draw();

fruit.draw();

}

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

2016-10-21

慕尼黑5311549

真抓狂，讲的这么糟糕我还这么认真

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

2016-10-21

慕粉3451677

果实没出来的同学改一下born函数里面的this.y[i]的值，将this.y[i]改大一点就能看见果实了；fruitObj.prototype.born = function(i){
var aneID = Math.floor(Math.random()*ane.num);
this.x[i] = ane.rootx[aneID];
this.y[i] = ane.heady[aneID];
console.log(ane.heady[aneID]);
}

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

2016-10-19

Leo60

为什么this.angle为NAN

0 2-8 大鱼随鼠标移动

2016-10-19

请叫我蜗牛小姐

老师，感觉你丢三落四的小毛病不少啊。。。

0 2-7 大鱼绘制

2016-10-19

慕斯卡4545833

报错 this.angle没有定义

0 2-8 大鱼随鼠标移动

2016-10-18

傲娇的小怪兽

海葵画不出来，设置的海葵参数全用在果实上面了，变成果实是透明的紫色，黄色的果实图片也见不到，疯了

1 2-3 海葵绘制

2016-10-15

novles

搞了半天，解决漂浮直线和海葵不透明，在gameloop里面用cxt2画背景图片才能盖住上一帧：
function gameloop(){
cxt2.drawImage(bg,0,0);
ane.draw();
fruit.draw();
}

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

2016-10-14

来支寂寞的烟

还好有点英语基础不然没法学了。

0 2-10 优化

2016-10-13

来支寂寞的烟

不是 update 丢了可能是老师暂停了视频思考了一下觉得写的不对就给删掉了。

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

2016-10-11

lirilang

讲的很棒，思路很清晰。

0 3-1 课程总结

2016-10-10

啊渺

有的学，就不错了，某些人看不惯请不要看啊

3 1-2 搭建HTML网页结构

2016-10-10

慕数据9699272

我敲出来的代码一点没有错鱼妈妈就是不要跟着鼠标动但是可以在原地转圈查源码搞了好久之后不明觉厉的可以跟着鼠标动了过几分钟后又不能了不知道为什么到最后试着把相应代码删除再打一边然后保存运行才可以稳定完全运行了希望有和我类似的问题的同学能帮到你。。。熬夜解决这个搞得熬得好困。。。不过蛮有意思的啊啊啊啊啊！！！！！谁能懂我。。。。。

7 2-11 小鱼绘制

2016-10-10

首页上一页 15 16 17 18 19 20 21 下一页尾页

开始学习

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

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

微信扫码，参与3人拼团

热搜

最近搜索清空

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