Soften the scroll blur effect a tiny bit to avoid glitches when missing a frame.
This commit is contained in:
@@ -54,7 +54,7 @@ let _blurFrame = null
|
|||||||
|
|
||||||
function _updateMotionBlur() {
|
function _updateMotionBlur() {
|
||||||
const pos = scrollTop.value || 0
|
const pos = scrollTop.value || 0
|
||||||
if (_lastBlurPos) blurAmount.value = Math.min(20, 0.5 * Math.abs(pos - _lastBlurPos))
|
if (_lastBlurPos) blurAmount.value = 0.1 * blurAmount.value + 0.9 * Math.min(20, 0.5 * Math.abs(pos - _lastBlurPos))
|
||||||
if (!_lastBlurPos || blurAmount.value < 5) blurAmount.value = 0
|
if (!_lastBlurPos || blurAmount.value < 5) blurAmount.value = 0
|
||||||
_lastBlurPos = pos
|
_lastBlurPos = pos
|
||||||
_blurFrame = requestAnimationFrame(_updateMotionBlur)
|
_blurFrame = requestAnimationFrame(_updateMotionBlur)
|
||||||
|
|||||||
Reference in New Issue
Block a user