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

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

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

已采纳回答 / 明漠君
你只把fruittype设置为空字符串了,没有加random进行随机取值并用if加颜色

已采纳回答 / zhang77
写成这样在init里面调用就行了function drawBackground() {     bgPic.onload=function(){         ctx2.drawImage(bgPic,0,0,canWidth,canHeight);     }}

已采纳回答 / wanluobo
1 检查下你有没有把这个js引进HTML中2 检查下在主函数的init()中是否创建了 ane=new aneObj();

已采纳回答 / 苍白的尾巴
把大鱼的跟随强度改成0.01<...code...>这个值越小,跟鼠标跟得越紧

已采纳回答 / 行为艺术
也就是说你的角度没有设置,请在 this.angle变量之后+ Math.PI    this.angle = lerpAngle(beta, this.angle, 0.9) + Math.PI

已采纳回答 / 杨凯迪
html中没有引入commonFunctions.js

已采纳回答 / qq_愿光行_03130477
代码没报错就是逻辑问题 可能是你的draw()没放到主函数main里 也可能是你的出生代码无效我的 你对比下吧<...code...>var fruitObj=function(){ this.alive=[];//bool this.y=[]; this.x=[]; this.l=[]; this.spd=[]; ...

已采纳回答 / 26ne3766843
我在这问题卡了很久 研究了半天才发现 submine的编辑器可能自带有动画场景识别 而我用的edplus则没有这个功能,换句话说凡是出现Type Error 这个问题是没有类型识别的 解决办法很简单 在里面加getContext("2d") 就可以了 这表明该场景是2d动画 类型里还有3d的动画 但目前不需要 。。。。选2d就好了  希望能帮到大家 !!大家一起加油 !努力!向前冲!!

已采纳回答 / 电饭锅的规划
上面的是你的代码吗,this.y =0,这个地方改下

最新回答 / 慕仙837676
图片出不来发现是图片src的问题,bgPic.src一直加载不过来,在页面中加个图片隐藏掉,再获取图片地址就可以出来了。<img id="img" src="../img/background.jpg">  bgPic = document.getElementById("img");换一种思路,就可以了

已采纳回答 / qq_上好佳_0
这是变量提升吧,相当于fruitObj.prototype.draw = function(){var pic;for(var i=0;i<this.num;i++){     ...     ctx2.drawImage(pic,this.x[i]*this.l[i]*0.5,this.y[i]-this.l[i]*0.5,this.l[i],this.l[i]);    ...}}drawImage在fruitObj.prototype.draw的内部,可以访问到fruitObj.prototy...

已采纳回答 / 代小代
我的理解就是:window.requestAnimationFrame是w3c定义的标准啊,或者除了这四大浏览器之外的浏览器的内核,但是支持html5和requestAninationFrame方法,另外requestAnimFrame这个方法其实是setTimeout()和setIntervel()的加强版,Daisy姐说的很清楚了,这个方法里面封装了智能计算,不会像setTimeout那样存在过度累计,消耗浏览器资源,这个方法的封装也是让requestAnimFrame这个函数适应所有的浏览器,如果浏...
课程须知
1、对html、css基础知识已经掌握。 2、对JavaScript的基础知识掌握,如数组、类、对象。
老师告诉你能学到什么?
1、html5 canvas制作游戏理念 2、html5 canvas 绘图API 3、游戏中的碰撞检测 4、认识几个数学函数 5、物体池概念 6、序列帧动画的控制

微信扫码,参与3人拼团

微信客服

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

帮助反馈 APP下载

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

公众号

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

友情提示:

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消