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

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

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

已采纳回答 / 小黍
fruitObj.prototype.num=30;fruitObj.prototype.init=function这两句你都多出了一个括号,正确的如上,fruitObj后不要括号

已采纳回答 / kofzxaaa
console.log("123");               即可。

已采纳回答 / 忧郁的红姐姐
我觉得是两个canvase  没有叠加  变成了y轴排列 应该在 css中设置   位置为绝对位置,并且要y轴叠加。这老师的后面第二节课后面有讲到

已采纳回答 / 欢乐多2
代码没有问题,是不是浏览器卡了?  我帮你测试了  在我的上面正常显示

已采纳回答 / kofzxaaa
你少打了ctx.stroke();  //用于画线的

已采纳回答 / Yexiaomo
谷歌浏览器吗??  如果是的话 在页面空白处 右击 最下面有个检查,  点开那个就是或者 快捷键  ctrl+shift+i

已采纳回答 / 慕粉4025252
ctx1 = can1.getContext("2d");

已采纳回答 / 码农2012
ctx2.drawImage(this.pic,this.x[i]-this.l[i]*0.5,this.y[i]-this.l[i]*0.5,this.l[i],this.l[i]);去掉pic前面的.this

已采纳回答 / Leo60
在视频下方有下载图片资源的地方

已采纳回答 / 请叫我蜗牛小姐
ctx2.save();    ctx2.globalAlpha = 0.6;    ctx2.lineWidth = 20;    ctx2.lineCap = "round";    ctx2.strokeStyle = "#3b154e";    for (var i = 0; i < this.num;i++)    {        ctx2.beginPath();        ctx2.moveTo(this.x[i], canHeight);        ctx2.lineTo(...

已采纳回答 / 晴朗_63566962
在视频页面,右边的滚动条一直往下拉,过了评论区,再往下就有游戏素材了。

已采纳回答 / budflower
不可以的,图片需要是透明的,JPG没办法背景透明

已采纳回答 / 慕粉3591791
commonFunction.js在html中引进来了没有?

已采纳回答 / TCandice
在resource里,点击<...图片...>就可以暂停了

已采纳回答 / 苍白的尾巴
可能是你代码某个地方写错了,我的代码把样式的定义放在for里,实测没问题
课程须知
1、对html、css基础知识已经掌握。 2、对JavaScript的基础知识掌握,如数组、类、对象。
老师告诉你能学到什么?
1、html5 canvas制作游戏理念 2、html5 canvas 绘图API 3、游戏中的碰撞检测 4、认识几个数学函数 5、物体池概念 6、序列帧动画的控制

微信扫码,参与3人拼团

微信客服

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

帮助反馈 APP下载

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

公众号

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

友情提示:

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消