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

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

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

最新回答 / qq_雨天翔_0
https://github.com/cbat01/fishgame

最新回答 / T松子
要先画背景,后画海葵<...图片...>

最新回答 / 前端工程师666777888
可以创建3个画布,第三个画布只放背景图(z-index:0),第二画布放海葵和果实(z-index:1),第一个画布放其他(z-index:2)。

最新回答 / 慕丝6324622
我明白了。。因为背景图,海葵和果实都是画在一张画布上的,循环的重画,而背景图这个是在之前执行的,所以重画背景图之后,会使上一次所画的内容被覆盖,相当于“清除”;

最新回答 / 慕妹5034279
大鱼的动作也可以使用deltaTime只是使用deltaTime是为了保持匀速运动的效果而大鱼的运动使用lerpDistance()方法,大鱼位置越趋近于鼠标位置速度就越慢,本来就是变速运动,不用deltaTime也可以

最新回答 / 慕移动9181930
怎么个意思,妹妹,台湾还有ie8?你也需要做兼容?源码已经有共享啦~\(≧▽≦)/~,在最后一章最后一节就能看到咯

最赞回答 / 前端工程师666777888
fruitObj.prototype.draw=function () { 
ctx2.clearRect(0,0,canWidth,canHeight);//加上这句就行了
for(var i=0;i&   this.num;i++){
    //    draw
    //    find a ane,grow,fly up
        if(this.l[i]&e;
=14){
    ...

最新回答 / 宝慕林4176662
点击资料下载。里面下载就好
课程须知
1、对html、css基础知识已经掌握。 2、对JavaScript的基础知识掌握,如数组、类、对象。
老师告诉你能学到什么?
1、html5 canvas制作游戏理念 2、html5 canvas 绘图API 3、游戏中的碰撞检测 4、认识几个数学函数 5、物体池概念 6、序列帧动画的控制

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消