feats

src/pages/game/algorithm/index.js

@@ -95,16 +95,11 @@ export default ({ el, center, rotateSpeed = 0.015, speed = -5 }) => {
     }
   })
   
-  // 绑定 dom click 事件 触发子弹发射
-  function handleClick() {
-    clip.shoot();
-  }
-  el.addEventListener('click', handleClick);
-
   return {
     two,
     raduis: wheel.raduis,
     on: _evt.on.bind(_evt),
+    fire: clip.shoot,
     play: () => {
       clip.bulletLoad() // 先上膛一颗子弹
       wheel.rotate();
@@ -118,7 +113,6 @@ export default ({ el, center, rotateSpeed = 0.015, speed = -5 }) => {
       two.unbind('update');
       two.pause();
       el.removeChild(two.renderer.domElement);
-      el.removeEventListener('click', handleClick);
     }
   }
 }

src/pages/game/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <div>
+  <div @click="handleClick">
     <div ref="el" />
     <FireWorkListVue ref="firesRef" :center="center" :raduis="raduis" />
     <MusicOnce ref="bingoRef" :src="bingoMusic" />
@@ -60,6 +60,12 @@ const handleGameSuccess = () => {
   }, 2000)
 }
 
+const handleClick = () => {
+  if (gameRef.value) {
+    gameRef.value.fire()
+  }
+}
+
 const center = {
   x: document.body.offsetWidth / 2,
   y: document.body.offsetHeight / 2