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

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

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

最新回答 / 随_忆
可以参考我的代码,在gitHub上。可以在这里找到https://github.com/cj96248/tinyHeart,图片和js代码都有,可以完美运行,不过不要直接拷贝过去啊,我也是自己敲的。

最赞回答 / 郭越呱呱呱
已解决,是浏览器问题,用谷歌浏览器的小伙伴们记得把js文件链接在body里,不要放在head

已采纳回答 / frontEndDeveloper
可以称为离屏Canvas,就是有一个canvas不显示,这样就可以把不显示的canvas中的部分图形绘制到显示的canvas中.

最新回答 / 我想说什么来着
function drawBackground(){ ctx2.drawImage(bgPic, 0, 0, canWidth = 800, canHeight = 600);}应该是main.js中的canWidth = can1.width; canHeight = can1.canHeight;没有获取到值

最新回答 / 苦逼的存在
http://www.imooc.com/learn/515 ,右上角有一个资料下载。图片资源在那里。

最新回答 / 性别男爱好女
额,你关心她笑干嘛。。。。。

最新回答 / qq_花草组合_0
ctx2.globalAlpha = 0.6;//这个语句就是设置海葵的透明度呀

最新回答 / 慕粉1810397972
果实的大小与果实的位置相关。你对比一下代码应该可以找到错误

最新回答 / 不换行
同学们,我终于弄明白为什么生成不了果子了,代码顺序有问题,大家可以把初始化果树放在初始化果子之前,那么就没问题拉。

已采纳回答 / liaojiaao
因为她以后这些都是动画,所以会每次都绘制

最新回答 / 慕粉4373203
ane初始化方法aneObj.prototype.init=function(){ for (var i=0;i<this.num ;i++ ) { this.x[i]= i*10+Math.random()*20;//[0,1)  this.len[i]=200+Math.random()*50; // 高度 } //console.log("a");}
课程须知
1、对html、css基础知识已经掌握。 2、对JavaScript的基础知识掌握,如数组、类、对象。
老师告诉你能学到什么?
1、html5 canvas制作游戏理念 2、html5 canvas 绘图API 3、游戏中的碰撞检测 4、认识几个数学函数 5、物体池概念 6、序列帧动画的控制

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消