feat(SkyBackground): add fade in animation

martinezguillaume · May 5, 2024 · 736776a · 736776a
1 parent 3f4627b
commit 736776a
Showing 1 changed file with 6 additions and 1 deletion.
diff --git a/components/SkyBackground/SkyBackground.tsx b/components/SkyBackground/SkyBackground.tsx
@@ -69,6 +69,11 @@ const Star = memo(
  getRandomInt(0, 3000),
  withRepeat(withTiming(1, {duration: 2000}), -1, true),
  )
+ } else {
+ opacity.value = withDelay(
+ getRandomInt(0, 10000),
+ withTiming(getRandomInt(0.1, 1), {duration: 2000}),
+ )
  }
  }, [animated, opacity])
 
@@ -79,7 +84,7 @@ const Star = memo(
  width={size}
  height={size}
  r={size / 2}
- opacity={animated ? opacity : getRandomInt(0.1, 1)}
+ opacity={opacity}
  color="white"
  />
  )