Adjusted release timings (#34)

src/components/keyboard/Key.tsx

@@ -4,6 +4,7 @@ import Marker from "../Marker";
 import Emoji from "../emojis/Emoji";
 import React from "react";
 import equal from "fast-deep-equal/react";
+import { timing } from "../../constants";
 
 export type PressedInfo = {
   emojiId: string;
@@ -93,14 +94,14 @@ export default function Key({
     opacityAnimation.stopAnimation();
 
     if (pressed === undefined) {
-      const timing = ReactNative.Animated.timing(opacityAnimation, {
+      const animation = ReactNative.Animated.timing(opacityAnimation, {
         toValue: 0.0,
-        duration: 100,
+        duration: timing.releaseAnimationDuration,
         useNativeDriver: true,
       });
 
-      timing.start();
-      return () => timing.stop();
+      animation.start();
+      return () => animation.stop();
     } else {
       opacityAnimation.setValue(1.0);
     }

src/constants.ts

@@ -1,6 +1,12 @@
 import Constants from "expo-constants";
 import { Nunito_700Bold, Nunito_800ExtraBold } from "@expo-google-fonts/nunito";
 
+export const timing = {
+  releaseAnimationDuration: 200,
+  decayDelay: 500,
+  decayDuration: 500,
+};
+
 export const codeLength = 3;
 
 export const fonts = {

src/sound/Player.ts

@@ -3,6 +3,7 @@ import * as FileSystem from "expo-file-system";
 import Sound from "./Sound";
 import { getFullName } from "./utils";
 import AsyncLock from "async-lock";
+import { timing } from "../constants";
 
 export default class Player {
   private loaded: boolean = false;
@@ -96,8 +97,13 @@ export default class Player {
         this.playingSounds.delete(note);
     });
 
-    if (previousSound)
-      this._timeout(async () => await this._decaySound(previousSound, 100));
+    if (previousSound) {
+      const volume = (await previousSound.getVolume()) || 1.0;
+      this._timeout(
+        async () =>
+          await this._decaySound(previousSound, volume * timing.decayDelay)
+      );
+    }
   }
 
   async _stopSound(note: number, velocity: number) {
@@ -109,8 +115,14 @@ export default class Player {
 
     this.playingSounds.delete(note);
 
+    const volume = (await sound.getVolume()) || 1.0;
+
     this._timeout(
-      async () => await this._decaySound(sound, 100 + (1 - velocity) * 400)
+      async () =>
+        await this._decaySound(
+          sound,
+          volume * (timing.decayDelay + (1 - velocity) * timing.decayDuration)
+        )
     );
   }