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

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

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

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

全部评论问答未解决精华

高台蜥

反三角函数忘光了

0 2-7 大鱼绘制

2019-06-02

一只肥鹤

把课程的项目代码整理到github上了，网址：https://github.com/yangfeng1003/tinyHeart
大家可以一起交流哦~

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

2019-06-01

一只肥鹤

把课程的项目代码整理到github上了，网址：https://github.com/yangfeng1003/tinyHeart
大家可以一起交流哦~

2019-06-01

慕勒6211540

鱼角度旋转好像用
ctx1.rotate(Math.atan2(this.y - mousey, this.x - mousex));
也行

0 2-8 大鱼随鼠标移动

2019-05-20

慕勒9206527

从哪里可以找到图片啊

2 1-2 搭建HTML网页结构

2019-03-28

进军15区

能看到这里真的是真爱了，真的爱前端

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

2019-03-14

慕标3610115

视频的声音不太好，是不是麦克风有问题

0 3-1 课程总结

2019-02-25

39393939

我觉得没法调用的另一个原因是因为canHeight被放在gameloop当中每帧调用，如果将canHeight改为can1.height一样可以解决果实出不来的问题，之后如果有显示适配也比较容易调整。

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

2019-02-14

刘向坡

源代码去哪里可以下载

0 2-11 小鱼绘制

2019-02-14

39393939

楼上老哥说得很对，canHeight在给this.y[i]赋值的时候是不能调用的，一调用程序就没法正确绘制果实（只有背景和海葵），解决办法就是canHeight直接改600，我一度怀疑是不是ane参数传入的有问题，试了半个晚上，后面的同学别踩到了啊。

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

2019-02-14

qq_活出自己的模样_0

计算原点和鱼的旋转角度这个完全不懂。

1 2-11 小鱼绘制

2019-01-15

慕无忌3596921

fruitObj.prototype.Monitor = function (){
var fruitCnt = 0;
for(var i = 0; i < this.fruitNum && fruitCnt<15; i++){
if(!this.alive[i])
this.born(i);
fruitCnt++;
}
}

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

2018-11-30