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

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

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

已采纳回答 / 尐调_
var last_time= Date.now();                       //定义每次执行gamloop()前的时间 ,初始值为当前时间T1var delta_time  =0;                                   //定义每次执行gamloop()耗费的时长,初始化值为 0   requestAnimationFrame(gamLoop);      //循环执行gamloop()第一次循环        var now = Date.now();...

已采纳回答 / 佩中
这个属性是设置元素的堆叠顺序。拥有更高堆叠顺序的元素(数值较大者)总是会处于堆叠顺序较低的元素的前面。

已采纳回答 / java家洼
born方法中的代码写错了: this.x = ane.x[aneID];应该是:this.x[i]=ane.x[aneID]; this.y = canHeight - ane.len[aneID];应该是:this.y[i] = canHeight - ane.len[aneID];坐标x和y少写了[i].

已采纳回答 / 太准没办法
背景和海葵都应该画在同一个画布上,教程中说背景和海葵画在canvas.ctx2上,图片url注意不要出错就可以

已采纳回答 / 海阔天空17
src文件夹下面没有这张图片

已采纳回答 / qq_四月予薇_0
  var beta = Math.atan2(deltaY,deltaX);这里写成:  var beta = Math.atan2(deltaY,deltaX)+Math.PI;

已采纳回答 / 慕函数0883431
我猜清空应该在循环的外面

已采纳回答 / 恩言
context.translate(x,y)函数可以使画布的原点坐标变为(x,y),即画笔从这个点开始画。因为我们画完一部分内容之后希望重新定义画笔的属性,所以用context.save()和context.restore()包裹例如context.translate(),context.fillStyle等属性设定。希望能帮助你理解

已采纳回答 / sxl2719339
提示born() 不是一个方法,把你定义born()方法的截图发过来

已采纳回答 / charlene程程
ctx1=can1.getContext("2d");

已采纳回答 / 邓帅
因为html是作为前端页面显示的,二canvas就是用来作画用的,把它的宽和高都写在html里面可以很好的查看的前端页面的显示参数大小,这样编程更有规范性。

已采纳回答 / sakurashine
<...code...>对对代码,有没有哪里写错了的。

已采纳回答 / Jeans_
个人见解:deltaTime控制了整个游戏中动画的演变节奏(除了大鱼和小鱼的游动),可以统一管理游戏动画效果。而spd[i]目前只用于果实这一个对象,只是为了体现各个果实的不同性。所以我觉得果实的成长不用deltaTime而换用一个定值的话其实也没什么问题的。
课程须知
1、对html、css基础知识已经掌握。 2、对JavaScript的基础知识掌握,如数组、类、对象。
老师告诉你能学到什么?
1、html5 canvas制作游戏理念 2、html5 canvas 绘图API 3、游戏中的碰撞检测 4、认识几个数学函数 5、物体池概念 6、序列帧动画的控制

微信扫码,参与3人拼团

微信客服

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

帮助反馈 APP下载

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

公众号

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

友情提示:

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消