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

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

难度中级
时长 2小时34分
学习人数
综合评分9.50
139人评价 查看评价
9.6 内容实用
9.5 简洁易懂
9.4 逻辑清晰
为什么果实出不来喃?求大神解答
原background.js:
function drawBackground(){

bgPic.onload=function(){

ctx2.drawImage(bgPic,0,0,canWidth,canHeight);

}

}
修改后的:
function drawBackground(){

ctx2.drawImage(bgPic,0,0,canWidth,canHeight);
}
解决了海葵透明度问题和漂浮直线问题
我的js之间不能跨用,要加上var new_element=document.createElement("script");
new_element.setAttribute("type","text/javascript");
new_element.setAttribute("src","js/background.js");
document.body.appendChild(new_element);

最新回答 / qq_花草组合_0
ctx2.globalAlpha = 0.6;//这个语句就是设置海葵的透明度呀
画不出海葵,可以检查下gameloop那个函数有没有被调用

最新回答 / 慕粉1810397972
果实的大小与果实的位置相关。你对比一下代码应该可以找到错误
老师讲的很清楚,给个赞!
报错Uncaught TypeError: Failed to execute 'getContext' on 'HTMLCanvasElement': 1 argument required, but only 0 present.这个的。

要用:

ctx1 = can1.getContext('2d');
大鱼绘制没出来

最新回答 / 不换行
同学们,我终于弄明白为什么生成不了果子了,代码顺序有问题,大家可以把初始化果树放在初始化果子之前,那么就没问题拉。
声音闷死了 后期处理一下 去掉一些低频会好一些
后悔在机房没带耳机了!!
切记,要在canvas标签内为canvas指定宽高,否则海葵就不能正常画出来。
问题:果实上漂的时候一直绘制的是直线的问题?
解决:方案1. 每次在gameloop中都要先清屏,再进行绘制果实
方案2.将背景、海葵、果实都放在gameloop中,每次都重新绘制的话就会覆盖上一帧绘制的内容
亲测有效!!
求解救,我的果实没出来,
成功入坑,果实没有出来,,,无语
课程须知
1、对html、css基础知识已经掌握。 2、对JavaScript的基础知识掌握,如数组、类、对象。
老师告诉你能学到什么?
1、html5 canvas制作游戏理念 2、html5 canvas 绘图API 3、游戏中的碰撞检测 4、认识几个数学函数 5、物体池概念 6、序列帧动画的控制

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消