fix: remove fade in and introduce a bug with existing spawn animations.

readyplayerme · Oct 9, 2023 · 97d7c5a · 97d7c5a
1 parent b3877e7
commit 97d7c5a
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 3 deletions.
diff --git a/src/components/Models/AnimationModel/AnimationModel.component.tsx b/src/components/Models/AnimationModel/AnimationModel.component.tsx
@@ -1,4 +1,4 @@
-import React, { useRef, FC, useMemo } from 'react';
+import React, { useRef, FC, useMemo, useState } from 'react';
 import { useFrame, useGraph } from '@react-three/fiber';
 import { AnimationMixer, Group } from 'three';
 import { Model } from 'src/components/Models/Model';
@@ -29,7 +29,7 @@ export const AnimationModel: FC<AnimationModelProps> = ({
   bloom
 }) => {
   const ref = useRef<Group>(null);
-  const [animationRunning, setAnimationRunning] = React.useState(true);
+  const [animationRunning, setAnimationRunning] = useState(true);
   const onSpawnAnimationFinish = () => {
     setAnimationRunning(false);
   };
@@ -46,7 +46,7 @@ export const AnimationModel: FC<AnimationModelProps> = ({
     }
 
     const animation = mixer.clipAction(await animationClip);
-    animation.fadeIn(0.5);
+    animation.fadeIn(0);
     animation.play();
 
     mixer.update(0);

diff --git a/src/types/index.ts b/src/types/index.ts
@@ -142,6 +142,10 @@ export type EffectConfiguration = {
    * Enables ambient occlusion for the current scene.
    */
   ambientOcclusion?: boolean;
+  /**
+   * Bloom post-processing effect.
+   */
+  bloom?: BloomConfiguration;
 };
 
 export interface SpawnState {