feats

src/pages/game/game.js

@@ -80,10 +80,14 @@ export default function game({ el, center, onError, onSuccess, onBingo }) {
   // 目标轿厢与子弹轿厢的映射字典
   const mntMap = {}
 
+  
+  // 修复一个单页面应用, 不能重复加载图片的bug
+  Two.Texture.ImageRegistry = new Two.Registry();
+
   // 初始化
   let two = new Two({
+    type: Two.Types.svg,
     fullscreen: true,
-    autostart: true
   }).appendTo(el);
 
   // 绘制背景
@@ -372,6 +376,11 @@ export default function game({ el, center, onError, onSuccess, onBingo }) {
   }
   el.addEventListener('click', handleClick);
 
+
+  two.update();
+  two.play();
+  console.log('-------twotwotwo--------')
+
   return {
     two,
     raduis,
@@ -381,14 +390,12 @@ export default function game({ el, center, onError, onSuccess, onBingo }) {
     stop: () => {
       isFinished = true;
     },
-    destroy: () => {    
+    destroy: () => {
       two.unbind('update');
       two.pause();
-      two.clear();
       el.removeChild(two.renderer.domElement);
       el.removeEventListener('click', handleClick);
       two = null;
-      Two.Instances.pop()
     }
   }
 }
@@ -404,5 +411,5 @@ function makeBg({two, center}) {
     bgBox.width = bgTexture.image.naturalWidth;
     bgBox.height = bgTexture.image.naturalHeight;
     bgBox.scale = scale;
-  })
+  }) 
 }