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

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

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

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

全部评论问答未解决精华

鱼的坐标问题

已采纳回答 / 喵喵咪呀巴拉拉

如果drawImage方法，没有后面的两个参数，鱼的图片的左上角，就是整个大背景图片的中心位置（即，在translate之后）。加上两个参数的作用可以理解为，使鱼向x轴负方向移动身体的一半，向y轴方向移动身体的一般，把鱼图片的中心点放在当前坐标轴的中心点位置。当然也可以不这么做。

1 回答 1113 浏览 2-7 大鱼绘制

2015-12-28

袁三日

哈哈哈哈哈哈，讲课的诗歌小姑娘啊，赞

0 1-2 搭建HTML网页结构

2015-12-28

窗外已放晴

只要认真听，就算声音模糊也是一样的。真有点不理解哪些找细节的同学

2015-12-28

窗外已放晴

好喜欢这位老师，讲的深入浅出

0 3-1 课程总结

2015-12-28

为什么需要清空？没听懂

最赞回答 / 末皓子

因为动画效果是靠gameloop一次一次地循环载入canvas形成的，如果不清除的话，多次载入的画布会重叠在一起，就形成了重影，也就是看上去线条变宽了一样。而cxt2之所以不用清除，是因为canvas2每次重新载入时都是先载入背景图片，直接就把前一次画布上的东西全覆盖了，所以不用清除。这就是两种清除画布的方法，一种直接调用清除方法，一种用背景覆盖。

2 回答 925 浏览 2-7 大鱼绘制

2015-12-27