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

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

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

已采纳回答 / 落霞与孤鹜齐飞
window.requestAnimFrame(gameloop)这个方法使gameloop循环,具体看插件

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

已采纳回答 / 荒唐Tzl
用谷歌浏览器,打开开发者模式然后鼠标选中第一个canvas,会有一个蓝色的选中效果,在看看第二个<...图片...>

已采纳回答 / StayRealDream
背景图不一定要每次都绘制,可以放在外面做container的background。但是ctx1就要加clearRect了

已采纳回答 / 一毛钱
试一试这个window.requestAnimationFrame,还有几十你把你的代码贴上来,不然别人也没法帮你解决

已采纳回答 / 一二三兮
恩,我开始也是这样的,后来发现初始化的时候把born(i) 写成了born[i],改了就对了,update函数留着就行

最新回答 / 猪猪小二
你们都解决了吗?我的也是如此!检查了好几遍都不行,急求答案!!!

已采纳回答 / Perona
开发工具用的是sublime text。调试用的是Chrome浏览器。

已采纳回答 / 李晓健
对着视频敲一遍就行了 http://ioyweb.cn/nationFood/test/fishGame/tinyheart.html    这里有的同学已经敲了一部分,你可以参考一下
课程须知
1、对html、css基础知识已经掌握。 2、对JavaScript的基础知识掌握,如数组、类、对象。
老师告诉你能学到什么?
1、html5 canvas制作游戏理念 2、html5 canvas 绘图API 3、游戏中的碰撞检测 4、认识几个数学函数 5、物体池概念 6、序列帧动画的控制

微信扫码,参与3人拼团

微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

友情提示:

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消