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

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

难度中级
时长 2小时34分
学习人数
综合评分9.50
139人评价 查看评价
9.6 内容实用
9.5 简洁易懂
9.4 逻辑清晰
'CanvasRenderingContext2D': The HTMLImageElement provided is in the 'broken' state.
谢谢老师,自己下来实现了第一阶段课程的代码,纯手打,基本都有注释,有需要的可以看看:

https://github.com/One-boy/fishEatFruits
谢谢老师,自己下来实现了第一阶段课程的代码,纯手打,基本都有注释,有需要的可以看看:
https://github.com/One-boy/fishEatFruits
大鱼头部没朝鼠标移动的 检查下init函数里面有没有给this.angle赋值0;
喜欢最后来段这么细的总结,大赞老师
我的大鱼绘制也没有显示,不知道是哪个环节出了问题
声音忽大忽小,很讨厌
声音忽大忽小
为什么我的鱼是尾巴在前面
图片资源里面没有babytail
ctx1 = can1.context;改为ctx1 = can1.getContext('2d');
背景图加载不出来
dead方法是执行了,但是为什么鱼没有消失,在draw()方法不是只有alive = true的才绘画,为什么他就是不消失呢
不知道为什就是不执行我的momFruitCollection()方法,错误提示是说我的方法未定义--
function momFruitCollection(){
for(var i = 0; i < fruit.num; i ++){
if(fruit.alive[i] == true){
var dis = calLength2(fruit.x[i],fruit.y[i],mom.x,mom.y);
if(dis < 9){
fruit.dead(i);
}
}
}
课程须知
1、对html、css基础知识已经掌握。 2、对JavaScript的基础知识掌握,如数组、类、对象。
老师告诉你能学到什么?
1、html5 canvas制作游戏理念 2、html5 canvas 绘图API 3、游戏中的碰撞检测 4、认识几个数学函数 5、物体池概念 6、序列帧动画的控制

微信扫码,参与3人拼团

微信客服

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

帮助反馈 APP下载

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

公众号

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

友情提示:

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消