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

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

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

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

全部评论问答未解决精华

慕沐5211933

update不见了而且记住是this.orange.src

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

2018-01-04

qq_迩若幸福便是终点_03943948

图片不出来是因为
1.图片还没有加载就进行绘制。。
2.图片绘制大小与canvas大小一致，不清楚的话。可以先写死drawImage里面的参数试试。然后在慢慢调试

4 2-1 绘制背景

2018-01-04

夜里的雪

海葵很小条

0 2-3 海葵绘制

2018-01-04

夜里的雪

这声音一大一小就算离，还有杂音

0 2-3 海葵绘制

2018-01-03

徐锦杰

这代码看的好难受。。

0 2-1 绘制背景

2018-01-02

白天不懂天黑黑

我之前是写app的，满脑子想的都是类和属性，因此很不习惯把坐标、参数放到数组里面去，取数据的时候都是 fruit[i].x 这么写，也是醉了。老师代码中的fruit并不是fruit类，而是管理所有fruit的工具。理解这个之后，写代码就顺畅多了。

2018-01-02

学习使人变傻

果实出不来可能是背景挡住了

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

2017-12-31

性别男爱好女

加了个果子随机大小,定义一个max:[]数组fruit.param.max[i]=Math.random()*21;
for(;true;){
if(fruit.param.max[i]<10){
fruit.param.max[i]=Math.random()*21;
}else{
break;
}
}判断max【i】的值小于10就重新给他赋值，直到大于10跳出循环，把draw方法中写死的14改成max变量，我把他原生类改成了window.fruit={},有用这代码测试玩的朋友注意变量名，我变量用法和她的不一样

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

2017-12-16

性别男爱好女

我的海葵一直没出来，经过很久的测试才发现，画布的宽高要写在控件上面，写CSS里面只是定义了画框的大小，画布的大小和画框不一致的，就和你有一个1*1的画框，里面的画布范围确实0，所以显示不出来，定义到控件上面后，画布和画框大小会一致

1 2-3 海葵绘制

2017-12-16

前端小嘿嘿

社会社会 6666666

0 3-1 课程总结

2017-12-13

前端小嘿嘿

每看一个视频都要看评论感觉错误一模一样

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

2017-12-12

慕设计6567535

commonFunctions,js文件在哪下载？？求解

0 2-1 绘制背景

2017-12-05

做人蛋定

声音真好听。

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

2017-11-10

火影劫

照着打都没成功啊，哎

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

2017-11-10

慕粉3251138

很多东西出错时可以通过在页面点击鼠标右键，用浏览器的“审查元素”的Console功能来发现问题

0 2-9 大鱼和果实的碰撞检测

2017-10-17

首页上一页 3 4 5 6 7 8 9 下一页尾页

开始学习

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

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

微信扫码，参与3人拼团

热搜

最近搜索清空

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