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

canvas实现星星闪烁特效

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

已采纳回答 / 素素陈
在创建starsObj类时,this.x与this.y是starsObj类的属性,此时的this指的是starsObjinit中的this.x和this.y。此时的this是init,是不能写出了的。

已采纳回答 / 化龙贝
只要调用函数都需要带 () ,不带就变成属性了
up主既然用了sublime,却不用插件也是很有个性啊
我想事故 JS 中并没有类的概念啊
这个在gameloop里面的requestAnimFrame不是形成递归了吗。。不理解为什么写在gameloop里
这个动画也可以用关键帧动画keyframe来弄吧
感谢老师 感谢慕课

最赞回答 / 慕虎7188715
if(this.picNo >= 7){    this.picNo=0;}之前是这样来判断picNo的,取得picNo值为0到6,现在换为picNo%7,即得到是picNo除以7后的余数,它们的余数也是0到6,这样就达到了我们的目的——取0到6的数(图片有7个小星星)。timer的累加是为了延长绘制下一个星星与上一个星星的时间间隔,即上一个星星绘制完,过50s再绘制下一个星星
你们这群牲口
妹子不错,有男朋友没
老师是外国人吧
妹纸讲的真好,64个赞,声音也很甜美。楼上的,你们竟说大实话。
额,通过改变透明度来得到鼠标控制效果不是会消耗CPU吗?虽然只是小小CPU,可是我很是觉得优化性能的思想一直都要有的。。。还有多次渲染背景图。。。真的。。想吐槽。。小粉丝勿喷,觉得以下简单判断就可以实现鼠标控制了。。。
function aliveUpdate(){
if( switchy){
drawStars();
}
}
课程须知
1、具有HTML、CSS基础知识 2、具有JavaScript基础知识(函数、类、对象) 3、具有一些Canvas基础(画线、弧线、圆)
老师告诉你能学到什么?
1、如何轮播一张图片上的序列帧 2、canvas的几个主要绘图API:drawImage()、save()、restore()。 3、如何处理鼠标事件 4、如何化繁为简的做项目

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消