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

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

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

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

全部评论问答未解决精华

随_忆

如果在写的时候，发现有问题的，可以参考我的代码，在gitHub上。可以在这里找到https://github.com/cj96248/tinyHeart，图片和js代码都有，可以完美运行。

2017-07-24

从来再来

绘制果实偏移的原因是因为lineWidth和lineCap两个属性,指定lineWidth,canvas绘制逻辑是是指定x坐标左右各8px的宽度这样绘制，lineCap属性会增加8px的高度所以果实的位置x和y各偏移了8px

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

2017-07-21

初始化的前面20个海葵总是长在同一个海葵上面

最新回答 / 随_忆

可以参考我的代码，在gitHub上。可以在这里找到https://github.com/cj96248/tinyHeart，图片和js代码都有，可以完美运行，不过不要直接拷贝过去啊，我也是自己敲的。

1 回答 1061 浏览

2017-07-20

慕用6506724

要是这个也能实现弹幕就好了，走神的遇到走心的就变得值得了

1 1-2 搭建HTML网页结构

2017-07-20

为什么错了我代码没错呀好着急

最赞回答 / 郭越呱呱呱

已解决，是浏览器问题，用谷歌浏览器的小伙伴们记得把js文件链接在body里，不要放在head

1 回答 1100 浏览 2-1 绘制背景

2017-07-20

为什么两个canvas要重叠在一起

已采纳回答 / frontEndDeveloper

可以称为离屏Canvas,就是有一个canvas不显示,这样就可以把不显示的canvas中的部分图形绘制到显示的canvas中.

1 回答 3468 浏览 1-2 搭建HTML网页结构

2017-07-20

如何获得图片素材？

最新回答 / 随_忆

如果在写的时候，发现有问题的，可以参考我的代码，在gitHub上。可以在这里找到https://github.com/cj96248/tinyHeart，图片和js代码都有，可以完美运行。

1 回答 421 浏览 2-1 绘制背景

2017-07-20

大鱼，大鱼，看不出来可以直接复制

最新回答 / 情积雪

方法要执行才可以

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

2017-07-19

情积雪

ctx1.drawImage(this.bigBody,-this.bigBody.width*0.5,-this.bigBody.height*0.5);
ctx1.drawImage(this.bigTail,-this.bigTail.width*0.5+30,-this.bigTail.height*0.5);
ctx1.restore();
}

0 2-7 大鱼绘制

2017-07-19

情积雪

大鱼：
momObj.prototype.draw = function(){
ctx1.save();
ctx1.translate(this.x,this.y);/*方法转换画布的用户坐标系统。平移，将画布的坐标原点向左右方向移动x，向上下方向移动y.canvas的默认位置是在（0,0）*/
ctx1.drawImage(this.bigEye,-this.bigEye.width*0.5,-this.bigEye.height*0.5);

0 2-7 大鱼绘制

2017-07-19

源代码下载

最新回答 / 随_忆

1 回答 484 浏览

2017-07-18

背景图片始终没出来

最新回答 / 我想说什么来着

function drawBackground(){ ctx2.drawImage(bgPic, 0, 0, canWidth = 800, canHeight = 600);}应该是main.js中的canWidth = can1.width; canHeight = can1.canHeight;没有获取到值

1 回答 1074 浏览 2-1 绘制背景

2017-07-18