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

canvas实现星星闪烁特效

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

已采纳回答 / 化龙贝
只要调用函数都需要带 () ,不带就变成属性了

已采纳回答 / 孩她爹
这个可以随意吧

已采纳回答 / kapeter
图片加载是异步的,可能你的画布后加载,因此星星在画布下面

已采纳回答 / 素素陈
ctx.globalAlpha =“grba(255,255,0,0.5)”; 后面的a就是设置透明度的

已采纳回答 / 一模拉仨
deltaTime是时间差,this.timer是时间差的累加,就是时间过了50以后,this.picNo才加1,这样速度就慢下来了。

已采纳回答 / missdaisy
是这样的,画面上我们看到的所有内容都是画在canvas上的,为了产生星星的动画效果,我们需要把前一帧画的星星从canvas上擦除,再画上下一帧。由于我们只使用了一个canvas,所以在擦除星星的同时,也把背景颜色和girl图片同时擦除掉了,所以drawGirl需要放在loop中不断重新画。当然你也可以把背景和drawGirl放在另一个canvas中,并且这2个canvas正好以正确的顺序叠在一起,这样背景颜色和girl图片只需要画一次就好了。但我们做的这个小实践对渲染的压力不是很大,所以在一个canvas...
首页上一页12下一页尾页
课程须知
1、具有HTML、CSS基础知识 2、具有JavaScript基础知识(函数、类、对象) 3、具有一些Canvas基础(画线、弧线、圆)
老师告诉你能学到什么?
1、如何轮播一张图片上的序列帧 2、canvas的几个主要绘图API:drawImage()、save()、restore()。 3、如何处理鼠标事件 4、如何化繁为简的做项目

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消