                        课程
                    
                        /前端开发
                        
                            /Html5
                        
                        /Canvas绘图详解

最后探照灯放大缩小那里，为什么var isIncrease = true；放在update函数里的运行结果是探照灯放大到700时一直抖动呢？

为什么var isIncrease = true 这一句一定要放在外面？

满满肥肉的夏天

2016-05-15

源自：Canvas绘图详解 8-3

关注问题我要回答

987

操作

收起

1 回答

fengyunzhu 回答被采纳 +3 积分
2016-05-23

看一下逻辑就知道原因了

当radius大于700时(比方说是705)， isIncrease设为了false，接着radius开始缩小执行-5操作，此时radius为700

按原先逻辑，再次执行update时，因为isIncrease是false，radius还是执行-5操作，一直到小于150时，但是你把var isIncrease = true放在了update里面，这时radius为700 ，isIncrease为true，那么radius要执行+5操作，radius变为705，然后超过700，又执行-5操作，变为700，又执行+5操作，所以探照灯放大到700时一直抖动