为了账号安全,请及时绑定邮箱和手机立即绑定

HTML5小游戏---爱心鱼(上)

难度中级
时长 2小时34分
学习人数
综合评分9.50
139人评价 查看评价
9.6 内容实用
9.5 简洁易懂
9.4 逻辑清晰

最赞回答 / xue5hen
清空的原因不是因为【canvas1覆盖在canvas2上】,教程中从来没这么说。教程中说的是:因为动画一直在循环执行,前一次的图像如果不清除,就会跟后面的图像叠加在一起,使得大鱼小鱼的边线看起来特别粗,所以才要清。打个简单的比方:写满字的黑板如果不擦,继续写上去的字就会跟之前的叠加在一起看不清楚。

最新回答 / zhangcl
找到答案了,因为背景图片每次都要绘制一次,所以将之前的海葵给遮住了,建议把ctx2.clearRect(0, 0, canWidth, canHeight);这个代码加上去

最新回答 / 桃子丶请叫我凯
一般来说,这种情况下都是相对于基础坐标原点也就是左上角的

最新回答 / enTT
<...图片...><...图片...>显示效果非常奇怪

最新回答 / qq_为你写诗_1
我刚刚解决了can1 = document.getElementById("canvas1"); ctx1 = can1.getContext("2d"); can2 = document.getElementById("canvas2"); ctx2 = can2.getContext("2d");

最新回答 / CaijieHS
我也遇到过这个问题,检查后发现是一开始在main.js中初始化ctx2时 /*function init()中*/ 用的是can1来getContext的,也许你也是类似的错误,你可以检查一下。

最新回答 / 李晓健
所有主流浏览器都支持 position 属性。注释:任何的版本的 Internet Explorer (包括 IE8)都不支持属性值 "inherit"。定义和用法position 属性规定元素的定位类型。说明这个属性定义建立元素布局所用的定位机制。任何元素都可以定位,不过绝对或固定元素会生成一个块级框,而不论该元素本身是什么类型。相对定位元素会相对于它在正常流中的默认位置偏移。默认值:static    继承性:no    版本:CSS2    JavaScript 语法:object.style.po...

最赞回答 / 拼命柯南
function drawBackground(){ ctx2.drawImage(bgPic,0,0,canWidth,canHeight);}这是background.jsvar can1;var can2;var ctx1;var ctx2;var canWidth;var canHeight;var lastTime;var deltaTime;var bgPic =new Image();document.body.onload =game;function game(){    init; l...

最新回答 / 某某猫
我之前也遇到了这种情况,不过我是忘了在main.js里面初始化  ane.init(); 你看看你是不是也漏了
课程须知
1、对html、css基础知识已经掌握。 2、对JavaScript的基础知识掌握,如数组、类、对象。
老师告诉你能学到什么?
1、html5 canvas制作游戏理念 2、html5 canvas 绘图API 3、游戏中的碰撞检测 4、认识几个数学函数 5、物体池概念 6、序列帧动画的控制

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消