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

canvas实现星星闪烁特效

难度中级
时长 1小时15分
学习人数
综合评分9.53
70人评价 查看评价
9.7 内容实用
9.5 简洁易懂
9.4 逻辑清晰
背景为何要循环绘制,绘制一次不就好了吗?

最新回答 / pinkhide27
星星是白色的,背景是白色的,就看不出来了啊。。。把星星换个颜色应该就可以了吧。。至于效果好不好看就不知道了。。。。
我做过用线连起来的星星.

最新回答 / 会飞的云89
gameloop()这个函数改下,可以试试看function gameloop(){     setTimeout(gameloop,100);     drawStars();}

最新回答 / chenxiaoxiao12
那是没有定义的啊!你没有new 实例化啊   
老师,故意绕了一个圈子
var starObj = function (){ //创建函数对象为starObj
this.x=100+Math.random()*600;//x坐标值 也可以理解为属性值,這了进行随机变换
this.y=150+Math.random()*300;//y坐标值
}
starObj.prototype.draw=function(){//這里才是用画布绘制星星的方法
ctx.drawImage(starPic,this.x,this.y);//ctx.drawImage();是画布中的函数。
}
這样就可以了
感觉老师是美国留学生来的,讲中文带着东北腔,讲英语带着美式语气。
setTimeout调用自己不就一直循环咯!
其实可以用离屏canvas 那样简单很多

最新回答 / 来自火星的花
你的drawImage函数写错了, ctx.drawImage(img1,0,0,this.n*7,7,this.x,this.y,7,7);

最新回答 / 小丨小菜鸟
你控制台查看具体是哪行有问题,再分析原因解决问题.
不错不错,呻吟很好听

已采纳回答 / 溪墨潺
要么你没定义,要么你定义的没生效
好神秘的东西,就这样了解了
这是女孩???◔ ‸◔?
课程须知
1、具有HTML、CSS基础知识 2、具有JavaScript基础知识(函数、类、对象) 3、具有一些Canvas基础(画线、弧线、圆)
老师告诉你能学到什么?
1、如何轮播一张图片上的序列帧 2、canvas的几个主要绘图API:drawImage()、save()、restore()。 3、如何处理鼠标事件 4、如何化繁为简的做项目

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消