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

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

canvas实现星星闪烁特效

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

全部评论问答未解决精华

S_Fiend

喜欢，赞一个~~

1 2-10 鼠标控制事件（3）

2015-03-28

德尼丫

声音不错..

2 3-1 课程总结

2015-03-27

_JUST_DO_IT_

图片上是男孩

0 1-1 课程简介

2015-03-27

淡然_0009

老师是外国人吗

0 2-5 随机生成很多星星

2015-03-27

swainxenia

讲的可以，赞

0 2-5 随机生成很多星星

2015-03-27

阿佳佳

讲的不错，哈哈哈

2 3-1 课程总结

2015-03-27

youhan1983

老师讲得太好了

2015-03-27

为什么要把drawGirl放在loop中？

已采纳回答 / missdaisy

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

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

2015-03-27