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

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

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

已采纳回答 / weibo_郑郑郑郑礼旺_0
init只初始化一次就不执行,要在gameloop才会进行window.requestAnimFrame(gameloop);

最新回答 / 慕的地6863477
有没有获取 can1.width can1.height
成功把第一阶段码完了

已采纳回答 / mop18mop183811015
可以再弄一个canvas专门用来加载静态图片资源。另:还需要查一下,canvas是不是对静态图片已经进行优化了?

已采纳回答 / ChristineN
那是因为初始化的鱼头的方向是向左的,就是负方向,delayX,delayY值的计算应该是delayX = -( mx - this.x ),即delayX = this.x - mx,
老师的讲课方式需要提升一下哦,至少要让学生明白做这个步骤的目的是什么,是为了实现哪个部分,让学生带着疑问和好奇去学习,要不然我是听得云里雾里、稀里糊涂的。一点浅见,希望吐槽
没有清空画布的情况下,每一帧都绘制海葵,不会变成从0.6的透明度到1吗,老师的竟然直接就变成了0.6……
跟着做了一遍: 添加重新开始 和 进页面游戏要点击开始才能继续功能.
分享下hiahia:

Show: http://moon06.github.io/renwu/canvas/

完整代码: https://github.com/Moon06/renwu/tree/gh-pages/canvas
老师辛苦了 ^o^
课程须知
1、对html、css基础知识已经掌握。 2、对JavaScript的基础知识掌握,如数组、类、对象。
老师告诉你能学到什么?
1、html5 canvas制作游戏理念 2、html5 canvas 绘图API 3、游戏中的碰撞检测 4、认识几个数学函数 5、物体池概念 6、序列帧动画的控制

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消