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

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

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

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

全部评论问答未解决精华

ccccwwwwtttt

画不出海葵，可以检查下gameloop那个函数有没有被调用

0 2-3 海葵绘制

2017-07-06

我不是蜗牛

老师讲的很清楚，给个赞！

0 3-1 课程总结

2017-06-29

若幻

报错Uncaught TypeError: Failed to execute 'getContext' on 'HTMLCanvasElement': 1 argument required, but only 0 present.这个的。

要用：

ctx1 = can1.getContext('2d');

2 2-1 绘制背景

2017-06-29

若幻

大鱼绘制没出来

0 2-7 大鱼绘制

2017-06-28

麦田猎手

声音闷死了后期处理一下去掉一些低频会好一些

1 1-2 搭建HTML网页结构

2017-06-16

慕鱼灬

后悔在机房没带耳机了！！

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

2017-06-16

行者_360

切记，要在canvas标签内为canvas指定宽高，否则海葵就不能正常画出来。

2 2-3 海葵绘制

2017-06-15

qq_你喜欢海却不喜欢山_0

问题：果实上漂的时候一直绘制的是直线的问题？
解决：方案1. 每次在gameloop中都要先清屏，再进行绘制果实
方案2.将背景、海葵、果实都放在gameloop中，每次都重新绘制的话就会覆盖上一帧绘制的内容
亲测有效！！

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

2017-06-15

qq__9044

求解救，我的果实没出来，

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

2017-06-14

qq__9044

成功入坑，果实没有出来，，，无语

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

2017-06-14

Kreiven

背景没加载出来的原因查了一下, 应该是异步加载图片的原因, 按老师的写法在drawImage执行时图片还没加载好. 按下面这样写就可以了.

bgPic = new Image();
//异步加载图片，完成后执行回调方法onload来绘制
bgPic.src = './src/bg.jpg';
bgPic.onload = function () {
ctx2.drawImage(bgPic, 0, 0, canWidth, canHeight);
};

8 2-1 绘制背景

2017-06-14