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

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

难度中级
时长 2小时34分
学习人数
综合评分9.50
139人评价 查看评价
9.6 内容实用
9.5 简洁易懂
9.4 逻辑清晰
恩 我觉得上漂动画的实现是每次循环都重新画了背景和果实 原来的果实并没有清除掉
飘上去的是一条直线的同学可能是没有把drawbackground 函数放入循环中 于是多个果实叠加出现了直线
也可以用clearRect不断清屏再重画来实现动画效果

最新回答 / boysheep
要看你用的是什么编码器,我用的是sublime text3是这样的:ctx1=can1.getcontext不要括号和分号。希望能帮到你。
这个麦我也是服

最新回答 / 慕粉13685516540
如果和老师写的一样的话,我是通过把canWidth和canHeight换成800,600就可以了,我打印canWidth出来的结果是NaN,所以我猜那个canWidth可能是带有px那个吧你可以试试

最新回答 / qq_DiodeZener_039205
根据视频,C应该大写,还有getContext('2d');
感谢各位大神

最新回答 / qq_克克的_0
r:red 红色 g:green 绿色 b:blue 蓝色 a:alpha通道, 也是就是透明度比如: rgbs(255,0,0, 0.8);
我还是不看了,HTML/CSS能看懂,js有一部分看不懂,还得继续学JS
果实不出来的同学。注意构造函数、记得申明x和y
var fruitObj = function()
{
this.alive = [];//bool
this.x = [];//
this.y = [];//
this.orange = new Image();
this.blue = new Image();
}
素材在哪里下载啊
你是上海人吗?
var type=Math.random()<0.3?blue:orange;
this.fruitType[i]=type;
为什么慕课里介绍引擎的课程这么少 ,国内的空白这么多吗
课程须知
1、对html、css基础知识已经掌握。 2、对JavaScript的基础知识掌握,如数组、类、对象。
老师告诉你能学到什么?
1、html5 canvas制作游戏理念 2、html5 canvas 绘图API 3、游戏中的碰撞检测 4、认识几个数学函数 5、物体池概念 6、序列帧动画的控制

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消