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

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

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

最新回答 / Mel_20160922
你看看图片后缀名有没有加点
用画笔1来画就能画出海葵了,如果还是不行,可能是脚本顺序加载不对以至于画笔变量未声明,可以使用JsHint全局指令解决这个问题,也就是在脚本里加上/* global ctxt1 */
https://github.com/MandyJin/imooc--Game 跟着老师完成的小游戏,部分变量名不同,可参考
同跪在这里,怒复制以警示。
老师的重点&&逻辑真是一点也不清楚。。。不管怎样,老师您辛苦了
搞了半天,解决漂浮直线和海葵不透明,在gameloop里面用cxt2画背景图片才能盖住上一帧:

function gameloop(){

cxt2.drawImage(bg,0,0);

ane.draw();

fruit.draw();

}
真抓狂,讲的这么糟糕 我还这么认真

已采纳回答 / 码农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
果实没出来的同学改一下born函数里面的this.y[i]的值,将this.y[i]改大一点就能看见果实了;fruitObj.prototype.born = function(i){
var aneID = Math.floor(Math.random()*ane.num);
this.x[i] = ane.rootx[aneID];
this.y[i] = ane.heady[aneID];
console.log(ane.heady[aneID]);
}
为什么this.angle为NAN

已采纳回答 / Leo60
在视频下方有下载图片资源的地方
老师,感觉你丢三落四的小毛病不少啊。。。
报错 this.angle没有定义

最新回答 / 慕斯卡4545833
加载不出透明度的原因是一直循环画海葵,重叠了

最新回答 / 慕粉1461495807
Draw.js:2 Uncaught TypeError: Failed to execute 'drawImage' on 'CanvasRenderingContext2D': The provided value is not of type '(HTMLImageElement or HTMLVideoElement or HTMLCanvasElement or ImageBitmap)'出现这个问题怎么解决?图片地址也写了啊: var bgpic=new Image();function ga...
课程须知
1、对html、css基础知识已经掌握。 2、对JavaScript的基础知识掌握,如数组、类、对象。
老师告诉你能学到什么?
1、html5 canvas制作游戏理念 2、html5 canvas 绘图API 3、游戏中的碰撞检测 4、认识几个数学函数 5、物体池概念 6、序列帧动画的控制

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消