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

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

难度中级
时长 2小时34分
学习人数
综合评分9.50
139人评价 查看评价
9.6 内容实用
9.5 简洁易懂
9.4 逻辑清晰
还不错。。。
期待后续!
........
美女啊啊啊
美女老师 么么哒

最赞回答 / natsuyu
因为它再一次绘制背景的时候,之前画的已经被新的背景覆盖了。。。
昨晚查了下资料,今早起来就开始吧剩余部分坐下,基本快完了,就差眨眼睛和摆尾巴了,感觉也不难,就是每次绘制的尾巴图片不一样,用个标志量就ok,谢谢老师给了这么好的教程,canvas还是原来大三上了解的,没深究过,昨天和今天一天半的时间重新认识了不少,国庆没白过哈^-^
学完,今天遇到一些坑,谢谢老师恩,思路基本清晰,国庆找个时间海葵摇摆也写了嘿嘿,等不了下个教程了
感觉很多地方真的是经验也是技巧,比如使用随机数和乘法来控制果实的差异,没有实践过真的很难想到
我犯了一个错误,其实这个教程里面水有点深,需要不少js的知识,像我这么有个性的人,不肯和老师一起敲代码,高清思路就开始写,发现那个图片加载是靠requesAnimFrame的不断循环来实现的,其实图片并不是第一次循环就画出来的,因为图片还没有加载成功,但是循环几次后图片加载好了,然后才画出来,我就纳闷老师怎么可能画出来呢,原因我没有用循环在画果实的时候,哎,js的知识在今天回忆起来好多好多

最新回答 / x兔子
this.orange.src = "./src/fruit.png"; this.blue.src = "./src/blue.png";
其实有一个很关键的问题,老师的没有在图片加载完了之后draw,我的是没有画出来,我很好奇老师的怎么出来的
课程须知
1、对html、css基础知识已经掌握。 2、对JavaScript的基础知识掌握,如数组、类、对象。
老师告诉你能学到什么?
1、html5 canvas制作游戏理念 2、html5 canvas 绘图API 3、游戏中的碰撞检测 4、认识几个数学函数 5、物体池概念 6、序列帧动画的控制

微信扫码,参与3人拼团

微信客服

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

帮助反馈 APP下载

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

公众号

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

友情提示:

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消