canvas实现星星闪烁特效_技术问答

首页免费课 canvas实现星星闪烁特效问答

canvas实现星星闪烁特效

                
                Daisy
            
                    查看讲师更多课程 
                    Daisy讲师的其他课程
                
HTML5小游戏---爱心鱼（下）
中级·46272
免费课程
                                
HTML5小游戏---爱心鱼（上）
中级·92348
免费课程
                                
                难度中级
            
                时长 1小时15分
            
                学习人数
            
综合评分9.53
                            70人评价
                        查看评价
                                9.7
                                内容实用
                            
                                9.5
                                简洁易懂
                            
                                9.4
                                逻辑清晰

全部评论问答未解决精华

星星闪烁很快，序列图就像是快速播放幻灯片一样

最新回答 / 打酱油的军军

this.timer和this.picNo出问题了,想变慢就自己调节,不行回去看2-6和2-7

1 回答 1811 浏览 2-6 星星闪烁动画

2015-04-01

图片哪里下载呢？

最新回答 / 赫兹1719

视频右下角部分不是有案例源代码下载么？？

1 回答 647 浏览

2015-03-31

js的API哪里可以下到？

最新回答 / 码客菠萝

《javascript权威指南》是讲解js api相对全面的书搜索 '《javascript权威指南》 pdf'下载一本吧

4 回答 825 浏览 2-6 星星闪烁动画

2015-03-31

为什么每隔开this.timer > 50时间间隔呢？这样时间间隔也是不一样的吧？老师？

最新回答 / 兔老太

加到50毫秒更新一次

5 回答 1276 浏览 2-6 星星闪烁动画

2015-03-30

是这样的，画面上我们看到的所有内容都是画在canvas上的，为了产生星星的动画效果，我们需要把前一帧画的星星从canvas上擦除，再画上下一帧。由于我们只使用了一个canvas，所以在擦除星星的同时，也把背景颜色和girl图片同时擦除掉了，所以drawGirl需要放在loop中不断重新画。当然你也可以把背景和drawGirl放在另一个canvas中，并且这2个canvas正好以正确的顺序叠在一起，这样背景颜色和girl图片只需要画一次就好了。但我们做的这个小实践对渲染的压力不是很大，所以在一个canvas...

2 回答 1524 浏览 2-3 绘制女孩图片

2015-03-27

开始学习

课程须知: 1、具有HTML、CSS基础知识 2、具有JavaScript基础知识（函数、类、对象） 3、具有一些Canvas基础（画线、弧线、圆）

老师告诉你能学到什么？: 1、如何轮播一张图片上的序列帧 2、canvas的几个主要绘图API：drawImage()、save()、restore()。 3、如何处理鼠标事件 4、如何化繁为简的做项目

微信扫码，参与3人拼团

热搜

最近搜索清空