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

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

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

最新回答 / why_aa
我知道原因了,是main.js 里面没掉

最赞回答 / coderwar
是因为你的mx my 没有初始化的原因

最新回答 / echo_kinchao
背景图上话动物

最新回答 / 迷途的马尔斯
ES5内置的日期对象方法

最新回答 / 姑娘有点太傲娇
你的问题解决了吗??那个注释是什么意思

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

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

最新回答 / 李晓健
这一行就是画一个图片http://www.w3school.com.cn/tags/canvas_drawimage.asp 

最新回答 / proto
哦哦,又在另一个文件里new了实例了

最新回答 / 迷途的马尔斯
缩放的问题吧,老师打开控制台的了,你开了没

最新回答 / 迷途的马尔斯
getContext()是用来返回一种绘图环境的,你没有传参数啊,你应该在括号里加上'2d'或者'3d'才行
课程须知
1、对html、css基础知识已经掌握。 2、对JavaScript的基础知识掌握,如数组、类、对象。
老师告诉你能学到什么?
1、html5 canvas制作游戏理念 2、html5 canvas 绘图API 3、游戏中的碰撞检测 4、认识几个数学函数 5、物体池概念 6、序列帧动画的控制

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消