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

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

难度中级
时长 2小时34分
学习人数
综合评分9.50
139人评价 查看评价
9.6 内容实用
9.5 简洁易懂
9.4 逻辑清晰
怎么下载不下来源文件
啊,,原来是Chrome游览器版本的不同,getContext的语法到那么后面才检验到。。。
API貌似是很久很久以前的了,啊,这视频能不能标注一下出品事件啊?!
小编呢?!!!
OMG,老师用sublime不装插件的么0 0
还是为了照顾大家?
搞定了,是在ctx2.drawImage里没有看到老师输入的this.l[i],this.l[i].不太明白为甚,但是已经可以变大了。
果实从小到大显示失败。。用了this.l[i]...
和老师代码一样的,可是果实就变成了一直在飘动了。直到飘出屏幕。。。。

最新回答 / Unhenrry
Tab键,老师的缩进有点大,可以在“首选项”-->“设置-默认”里面找到“tab_size",修改后面的数值,我的是4.
谁能回答一下,我写的漂上去的时候原来的没有清除,为什么,好像画了一条直线一样?
我错了,发现后面的果实fly 有问题 必须都得放循环里面 还是按部就班的抄吧 。。。
bgPic.onload=function(){
drawBackground();
ane=new aneObj();
ane.init();
ane.draw();
}
ane.draw() 放在图片load之后就不用在gameloop()方法中循环去画了
老师,开始<dovtype thml还是html ?
放在循环里面 是不是太多余了 背景不变 放init()方法里就好了
function drawBackground(){
bgPic.onload=function(){
ctx2.drawImage(bgPic,0,0,canWidth,canHeight);
}

}

已采纳回答 / 恩言
context.translate(x,y)函数可以使画布的原点坐标变为(x,y),即画笔从这个点开始画。因为我们画完一部分内容之后希望重新定义画笔的属性,所以用context.save()和context.restore()包裹例如context.translate(),context.fillStyle等属性设定。希望能帮助你理解
canvas做游戏其实还行,有很多框架可以使用,例如cocos-js
课程须知
1、对html、css基础知识已经掌握。 2、对JavaScript的基础知识掌握,如数组、类、对象。
老师告诉你能学到什么?
1、html5 canvas制作游戏理念 2、html5 canvas 绘图API 3、游戏中的碰撞检测 4、认识几个数学函数 5、物体池概念 6、序列帧动画的控制

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消