preload mine env maps

src/components/gpu-preloader.js

@@ -10,10 +10,11 @@ AFRAME.registerComponent('gpu-preloader', {
       this.preloadBeamMap();
       this.preloadBeatEnvMap();
       this.preloadCutParticles();
+      this.preloadMineEnvMaps();
       this.preloadMissMap();
       this.preloadWallMap();
       this.preloadWrongMap();
-    }, 250);
+    }, 1000);
   },
 
   preloadBeamMap: function () {
@@ -39,6 +40,12 @@ AFRAME.registerComponent('gpu-preloader', {
     this.preloadTexture(particles.components.particleplayer.material.map);
   },
 
+  preloadMineEnvMaps: function () {
+    const stageColors = this.el.sceneEl.components['stage-colors'];
+    this.preloadTexture(stageColors.mineEnvMap.red);
+    this.preloadTexture(stageColors.mineEnvMap.blue);
+  },
+
   preloadMissMap: function () {
     const miss = document.querySelector('#missLeft');
     this.preloadTexture(miss.getObject3D('mesh').material.map);

src/templates/menu.html

@@ -28,7 +28,7 @@
     bind__search-thumbnail-atlas="dummyUpdater: search.songSubNameTexts"
     bind__visible="searchResultsPage.length > 0"
     geometry="primitive: plane; buffer: false; width: 0.2; height: 1.2"
-    dynamic-texture-atlas="canvasId: searchThumbnailImagesCanvas; canvasWidth: 64; canvasHeight: 512; numColumns: 1; numRows: 6; debug: true"
+    dynamic-texture-atlas="canvasId: searchThumbnailImagesCanvas; canvasWidth: 64; canvasHeight: 512; numColumns: 1; numRows: 6"
     material="shader: flat; transparent: true"
     position="-0.45 0.0146 0.002"></a-entity>