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

canvas实现星星闪烁特效

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

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

已采纳回答 / 孫小傑
做多了就会好些了,没事多做点网上这些小练习,刚开始时能根据老师讲的逻辑写出代码,后面多做几次,就能慢慢自己领会到逻辑了,我刚开始也是这样,后来多做,就会有效果

已采纳回答 / Brucol
应该是苹果系统自带的文件夹管理吧.....

已采纳回答 / 莱勒
换个浏览器,用360,或者火狐

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

最新回答 / 一梦微凉
你是随机生成多个星星出错了吗?找不到draw是你没有写这个方法还是?生成多个星星主要是drawStars()这个函数实现的,,不知道能不能帮上你,这只是我自己的一点看法。或许你可以把那一部分代码贴出来,,看看能不能帮到你。

最赞回答 / 阿良丶1
星星出现的位置是随机范围内的xy坐标。是有可能会黏在一起的

最新回答 / qq_QQ_62
我是因为把canvas的宽高写在样式表中了,所以图片显示不出来,不知道你是不是。

最新回答 / qq_风烟_0
肯定没有,因为动画是要循环播放的window.requestAnimFrame(gameLoop);使用这个循环,你没有放在gameloop里面就不会重复执行

最新回答 / qq_包包世界我专业_0
那就是没有改变X轴的值,我也是刚刚做出来的,跟老师的效果是一样的

最新回答 / 小杨光2014
把canvas居中在显示屏了,就应该获取canvas左边框距离屏幕左边的距离,然后再加上100px
课程须知
1、具有HTML、CSS基础知识 2、具有JavaScript基础知识(函数、类、对象) 3、具有一些Canvas基础(画线、弧线、圆)
老师告诉你能学到什么?
1、如何轮播一张图片上的序列帧 2、canvas的几个主要绘图API:drawImage()、save()、restore()。 3、如何处理鼠标事件 4、如何化繁为简的做项目

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消