feats

src/components/MusicOnce.vue

@@ -6,13 +6,18 @@
 import { ref } from 'vue'
 
 const props = defineProps({
-  src: String
+  src: String,
+  volume: {
+    type: Number,
+    default: 1,
+  },
 })
 
 const audioRef = ref()
 
 defineExpose({
   play: () => {
+    audioRef.value.volume = props.volume
     audioRef.value.currentTime = 0
     audioRef.value.play()
   },

src/pages/game/algorithm/bullet.js

@@ -3,7 +3,7 @@ import { scale, desginCageRadius, pedestalOffsetX, pedestalOffsetY, cageNum } fr
 import bulletImage from '@/assets/RoundaboutImage/2-13.png';
 
 // 子弹的核心逻辑
-export default ({two, center, speed}) => {
+export default ({two, center, speed, getGameState}) => {
   const _event = new Two.Events()
 
   // 子弹个数 = 轿厢个数
@@ -65,6 +65,8 @@ export default ({two, center, speed}) => {
 
   // 射击
   function shoot() {
+    if (getGameState() !== 1) return;
+
     _event.dispatchEvent('beforeShoot')
     two.addEventListener('update', fly)
   }

src/pages/game/algorithm/index.js

@@ -22,6 +22,10 @@ export default ({ el, center, rotateSpeed = 0.015, speed = -5 }) => {
   // 事件发射器
   const _evt = new Two.Events();
 
+  // 游戏状态, 0 未开始, 1进行中, 2已结束
+  const status = 0;
+  const getGameState = () => status;
+
   // 绘制背景
   drawBg({ two, center });
 
@@ -41,7 +45,7 @@ export default ({ el, center, rotateSpeed = 0.015, speed = -5 }) => {
   const counter = drawCounter({ two, center })
 
   // 绘制子弹
-  const clip = drawBullets({two, center, speed })
+  const clip = drawBullets({two, center, speed, getGameState })
 
   // 整体绘制结束  
   two.update();
@@ -52,6 +56,7 @@ export default ({ el, center, rotateSpeed = 0.015, speed = -5 }) => {
   function gameOver(isSuccess) {
     // 停止摩天轮旋转
     wheel.stop();
+    status = 1; // 游戏结束
 
     const t = setTimeout(() => {
       clearTimeout(t)      
@@ -101,6 +106,7 @@ export default ({ el, center, rotateSpeed = 0.015, speed = -5 }) => {
     on: _evt.on.bind(_evt),
     fire: clip.shoot,
     play: () => {
+      status = 1; // 游戏开始
       clip.bulletLoad() // 先上膛一颗子弹
       wheel.rotate();
       two.play();

src/pages/game/index.vue

@@ -2,7 +2,7 @@
   <div @click="handleClick">
     <div ref="el" />
     <FireWorkListVue ref="firesRef" :center="center" :raduis="raduis" />
-    <MusicOnce ref="bingoRef" :src="bingoMusic" />
+    <MusicOnce ref="bingoRef" :src="bingoMusic" :volume="0.5"/>
     <MusicOnce ref="failRef" :src="failMusic" />
     <MusicOnce ref="successRef" :src="successMusic" />