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

canvas实现星星闪烁特效

难度中级
时长 1小时15分
学习人数
综合评分9.53
70人评价 查看评价
9.7 内容实用
9.5 简洁易懂
9.4 逻辑清晰

最新回答 / mop18mop183811015
new starObj();//这里会不会大小写错误obj.init();//这个方法在 starObj里面有没有?另外注意 分号 ; 的大小写问题gameloop();//大小写及分号加上!

最新回答 / 9玖月
加一个window.requestAnimFrame(gameLoop);的循环调用函数来刷新画布就可以了。

最新回答 / qq_Jellybeans_0
你一步一步的跟着老师,老师调试你也调试

最新回答 / 慕沐8008451
你是不是找的素材棠,www.sucait.cn,你可以去看看

最新回答 / 梧桐_细雨
我好像知道为什么图片模糊了,canvas里的宽高不要用样式去控制,要写在 <canvas id="canvas"  width="800" height="600">      您的浏览器不支持canvas哦!    </canvas>因为这里的宽是canvas本身的属性,而不是样式宽的属性;

最新回答 / 依然c
你这个是下载的老师的源代码吧,老师的源代码中并没有/main.js 和 commonFunction.js,所以没有引入

最赞回答 / supermaryred
找到原因了,是因为commonFunctions.js文件没有引用近来,少了一个s,犯了低级错误

最赞回答 / qq_柯南_1
说说我的理解,我认为她是先把一定数量的星星图片加载到网页中,但是每个图片只显示一部分,然后通过显示同一个图片的不同部分来造成闪烁,相当于轮播同一张图片的不同部分,随着时间的推移,图片的数量并没有增减,只是不停的对同一张图片轮播。不知道这么解释对不对

最新回答 / NinaMonkey
重新定义的js文件,没有和main.js一起包含进html文件吧,或者main.js文件的ctx没有定义为全局变量。

最新回答 / 一梦微凉
你是随机生成多个星星出错了吗?找不到draw是你没有写这个方法还是?生成多个星星主要是drawStars()这个函数实现的,,不知道能不能帮上你,这只是我自己的一点看法。或许你可以把那一部分代码贴出来,,看看能不能帮到你。
课程须知
1、具有HTML、CSS基础知识 2、具有JavaScript基础知识(函数、类、对象) 3、具有一些Canvas基础(画线、弧线、圆)
老师告诉你能学到什么?
1、如何轮播一张图片上的序列帧 2、canvas的几个主要绘图API:drawImage()、save()、restore()。 3、如何处理鼠标事件 4、如何化繁为简的做项目

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消