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

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

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

最新回答 / 洛雁菱
第一种是语法的错误,getContext()是个函数,而context不是,所以不能用。
说果实没出来的,你在fruitObj的init函数的for循环里面调用一下born函数
为什么不透明

最新回答 / eroer
将CSS代码嵌入到HTML代码中就可以了,为什么使用<link>将CSS链接到HTML文件中两个canvas就不重叠?

最新回答 / 梦雨曦
css指定的是画布的显示的大小,画布还有一个内里的现实的分辨率的大小,直接在标签里面定义宽高相当于把这2个一同给指定了,用css定义是不符合W3C标准的不要用这种方式定义
图片显示不出来的情况:
1.地址写错了。
2.由于onload的加载方式,图片在未加载完的情况下会导致canvas绘图失败。
解决方法
1.在html下使用img标签加载图片然后隐藏。
2.使用定时器也就是视频的做法。
3.把drawImage写在game函数外面。
纯个人网上百度后的理解,有错请指教,我也是新手啊(手动捂脸)

已采纳回答 / 慕盖茨7304037
兄弟 getContext('2d') 这里面要有参数

最新回答 / hjs9622
是不是图片没有加载进来,也就是图片路径错误 应该是当前目录下的img文件./img/bigEye0.png

最新回答 / 慕娘9474363
第一行的大鱼两个字后面加个回车行不行,你把它注释掉的
fruit.js 里讲着讲着一切页面update就没了。 ,果实出不来啊,

最新回答 / 慕丝8487387
 let deltaY = this.y - my; let deltaX = this.x - mx;这样写就正确了

最新回答 / 恰到好处9
can1 = addEventListener();这里写错了,应该是can1.addEventListener();
课程须知
1、对html、css基础知识已经掌握。 2、对JavaScript的基础知识掌握,如数组、类、对象。
老师告诉你能学到什么?
1、html5 canvas制作游戏理念 2、html5 canvas 绘图API 3、游戏中的碰撞检测 4、认识几个数学函数 5、物体池概念 6、序列帧动画的控制

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消