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

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

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

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

全部评论问答未解决精华

睡觉青蛙

既然鼠标坐标喝大鱼坐标之间存在坐标差，那么这个差值形成的夹角不就是大鱼转动的角度吗？为什么还要用那个lerpAnagle函数？还有为什么那个lerpAngle函数里的d在大于-π的时候d=d-2π，这个函数算法的原理是什么？为什么再这个关键点上老师一笔带过？不理解，请给大家解释下怎么来的？

0 2-8 大鱼随鼠标移动

2016-03-27

我叫龙龙

怎么下载不下来源文件

2016-03-26

骡子不会飞

啊，，原来是Chrome游览器版本的不同，getContext的语法到那么后面才检验到。。。

0 2-1 绘制背景

2016-03-23

骡子不会飞

API貌似是很久很久以前的了，啊，这视频能不能标注一下出品事件啊？！
小编呢？！！！

1 2-1 绘制背景

2016-03-22

骡子不会飞

OMG,老师用sublime不装插件的么0 0
还是为了照顾大家？

0 1-2 搭建HTML网页结构

2016-03-22

Anny0727

搞定了，是在ctx2.drawImage里没有看到老师输入的this.l[i],this.l[i].不太明白为甚，但是已经可以变大了。

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

2016-03-22

Anny0727

果实从小到大显示失败。。用了this.l[i]...
和老师代码一样的，可是果实就变成了一直在飘动了。直到飘出屏幕。。。。

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

2016-03-22

1_2345678_90

谁能回答一下，我写的漂上去的时候原来的没有清除，为什么，好像画了一条直线一样？

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

2016-03-22

Oooooooh

我错了，发现后面的果实fly 有问题必须都得放循环里面还是按部就班的抄吧。。。

0 2-3 海葵绘制

2016-03-20

Oooooooh

bgPic.onload=function(){
drawBackground();
ane=new aneObj();
ane.init();
ane.draw();
}
ane.draw() 放在图片load之后就不用在gameloop()方法中循环去画了

3 2-3 海葵绘制

2016-03-20

唠叨机器人

老师，开始<dovtype thml还是html ？

2016-03-20

Oooooooh

放在循环里面是不是太多余了背景不变放init()方法里就好了

4 2-1 绘制背景

2016-03-20

Oooooooh

function drawBackground(){
bgPic.onload=function(){
ctx2.drawImage(bgPic,0,0,canWidth,canHeight);
}

}

3 2-1 绘制背景

2016-03-20

iters

canvas做游戏其实还行，有很多框架可以使用，例如cocos-js

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

2016-03-15

南城小菜

老师讲的很好，喜欢

2016-03-14

首页上一页 27 28 29 30 31 32 33 下一页尾页

开始学习

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

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

微信扫码，参与3人拼团

热搜

最近搜索清空

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