feat: Improve game sound logic

Author: computationalcore

CHANGELOG.md

@@ -3,6 +3,9 @@ All notable changes to this project will be documented in this file.
 
 The format is based on [Keep a Changelog](http://keepachangelog.com/en/1.0.0/).
 
+## [2.2](../../releases/tag/v2.2)
+- Improve game sound logic
+
 ## [2.1](../../releases/tag/v2.1)
 - Improve Game Over screen with sounds and animations
 - Add scaling strategy for components styles

src/components/screens/GameOver.js

@@ -66,6 +66,7 @@ class GameOver extends React.Component {
     await Audio.setIsEnabledAsync(true);
     const soundObject = new Audio.Sound();
     try {
+      await soundObject.unloadAsync();
       await soundObject.loadAsync((scorePercent >= 0.8) ? GOOD_SOUND: (scorePercent > 0.5) ? AVERAGE_SOUND: BAD_SOUND);
       await soundObject.playAsync();
     } catch (error) {

src/components/screens/TriviaGame.js

@@ -13,11 +13,14 @@ import Question from '../Question';
 import TriviaLoader from '../TriviaLoader';
 import * as actions from '../../actions';
 import { capitalizeFirstLetter } from '../../Utils';
-import { scale, moderateScale, verticalScale} from '../../Scaling';
+import { scale, moderateScale } from '../../Scaling';
 
-const CORRECT_SOUND = require('../../../assets/sounds/correct.wav');
-const INCORRECT_SOUND = require('../../../assets/sounds/incorrect.wav');
-const TIMEOUT_SOUND = require('../../../assets/sounds/timeout.wav');
+// Sound setup
+const AVAILABLE_SOUNDS = {
+  correct: require('../../../assets/sounds/correct.wav'),
+  incorrect: require('../../../assets/sounds/incorrect.wav'),
+  timeout: require('../../../assets/sounds/timeout.wav')
+};
 
 const COUNTDOWN_TIME = 10;
 
@@ -40,6 +43,7 @@ class TriviaGame extends React.Component {
       answerType: 'correct',
       fontLoaded: false,
       countdownTime: COUNTDOWN_TIME,
+      soundController: null,
 		};
   }
 
@@ -56,15 +60,22 @@ class TriviaGame extends React.Component {
     );
   }
 
+  async componentDidMount() {
+    // Preload sound controller
+    await Audio.setIsEnabledAsync(true);
+    this.setState({
+      soundController: new Audio.Sound()
+    });
+  }
+
   /**
-   * Play the correct sound based on answer status type
+   * Play the correct sound based on answer status type.
    */
   playSound = async (type) => {
-    await Audio.setIsEnabledAsync(true);
-    const soundObject = new Audio.Sound();
     try {
-      await soundObject.loadAsync((type === 'correct') ? CORRECT_SOUND: (type === 'incorrect') ? INCORRECT_SOUND: TIMEOUT_SOUND);
-      await soundObject.playAsync();
+      await this.state.soundController.unloadAsync();
+      await this.state.soundController.loadAsync(AVAILABLE_SOUNDS[type]);
+      await this.state.soundController.playAsync();
     } catch (error) {
       // An error occurred!
       console.log(error);