|
|
@@ -6,46 +6,7 @@
|
|
|
<!-- 游戏启动界面 -->
|
|
|
<div v-if="currentScene === 'start'" class="gamestart">
|
|
|
<img v-if="currentScene === 'start'" src="/static/images/football/game_start.jpg" class="start_bg" />
|
|
|
- <!-- <div class="btn rule" @click="showRules = true">查看规则</div> -->
|
|
|
- <!-- <div class="btn start" @click="startGame">踢腿开始游戏</div> -->
|
|
|
-
|
|
|
- <!-- 规则弹窗 -->
|
|
|
- <div v-if="showRules" class="ruleshadow">
|
|
|
- <div class="rulebox">
|
|
|
- <span class="x_rulebox" @click="showRules = false"></span>
|
|
|
- <h3>操作方法：</h3>
|
|
|
- <p>手指拖动控制人物带球奔跑的方向和速度。</p>
|
|
|
- <h3>道具说明：</h3>
|
|
|
- <div class="daoju">
|
|
|
- <div class="daoju_item">
|
|
|
- <span class="daoju_1"></span>
|
|
|
- <p>每收集一个，生命值+1；触碰障碍物，生命可再复活。</p>
|
|
|
- </div>
|
|
|
- <!-- <div class="daoju_item">
|
|
|
- <span class="daoju_2"></span>
|
|
|
- <p>每收集一个，能力值+1；扫除面前一切障碍，加速前进。</p>
|
|
|
- </div> -->
|
|
|
- <div class="daoju_item">
|
|
|
- <span class="daoju_3"></span>
|
|
|
- <p>触碰锥桶，生命值-1；成功绕过一次分数+1。</p>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
-
|
|
|
- <!-- 规则说明 -->
|
|
|
- <div v-if="currentScene === 'rule'" class="zhiyin">
|
|
|
- <div class="btn start" @click="continueGame">继续游戏</div>
|
|
|
</div>
|
|
|
-
|
|
|
- <!-- 倒计时 -->
|
|
|
- <!-- <div v-if="currentScene === 'countdown'" class="daoju">
|
|
|
- <div class="daojishibox">
|
|
|
- <div class="daojishinum">{{ countdownNum }}</div>
|
|
|
- </div>
|
|
|
- </div> -->
|
|
|
-
|
|
|
<!-- 游戏结束 -->
|
|
|
<div v-if="currentScene === 'gameover'" class="gameend">
|
|
|
<div class="game_fenshu">
|
|
|
@@ -95,7 +56,6 @@ const { clientObj, boxes, proportion, myThrow, myTimer, direction } = toRefs(dat
|
|
|
// 游戏状态管理
|
|
|
const currentScene = ref('start');
|
|
|
const showRules = ref(false);
|
|
|
-// const countdownNum = ref(3);
|
|
|
const score = ref(0);
|
|
|
const game = ref(null);
|
|
|
const gameConfig = ref(null);
|
