Commit e223f4d5 authored by 董政锦's avatar 董政锦

fix: 修复 game5 跑道和倒计时蒙层在375px宽度问题;

parent 43ac0066
...@@ -232,11 +232,12 @@ onBeforeUnmount(() => { ...@@ -232,11 +232,12 @@ onBeforeUnmount(() => {
<div class="rule-title">游戏规则</div> <div class="rule-title">游戏规则</div>
<div class="rule-txt"> <div class="rule-txt">
<!-- 微信用户通过扫描大屏幕二维码参与,可容纳多人同时进行,摇晃手机控制赛马奔跑,摇晃越快赛马跑得越快,游戏结束按分值高低先后排名,有机会获得新疆福彩定制周边礼品一份。 --> <!-- 微信用户通过扫描大屏幕二维码参与,可容纳多人同时进行,摇晃手机控制赛马奔跑,摇晃越快赛马跑得越快,游戏结束按分值高低先后排名,有机会获得新疆福彩定制周边礼品一份。 -->
1. 主持人开赛即可摇手机,单次摇晃得 5 分; 1. 主持人开赛即可摇手机,单次摇晃得 5 分;<br />
2. 得分越高大屏幕上面的马跑得越快; 2. 得分越高大屏幕上面的马跑得越快;<br />
3. 限时比拼摇速,结束后按积分排名; 3. 限时比拼摇速,结束后按积分排名;<br />
4. 高分用户有机会领取新疆福彩定制周边; 4. 高分用户有机会领取新疆福彩定制周边;<br />
5. 禁止外挂作弊,违规账号取消成绩与领奖资格; 5. 禁止外挂作弊,违规账号取消成绩与领奖资格;<br /><br />
祝您游戏愉快!
</div> </div>
</div> </div>
<div class="rule-close"> <div class="rule-close">
......
...@@ -191,34 +191,10 @@ function handleRoomBack() { ...@@ -191,34 +191,10 @@ function handleRoomBack() {
}, 200) }, 200)
} }
const touchHandler = () => { const hitHandler = (score: number) => {
if (isGuPlaying.value) { tick.value += score
return
}
tick.value += 5
submitScore() submitScore()
playGame1Music(); playGame1Music()
isGuPlaying.value = true
let frameIndex = 0
const playNextFrame = () => {
currentGu.value = guFrames[frameIndex] ?? imageUrls.gu01
frameIndex += 1
if (frameIndex >= guFrames.length) {
guFrameTimer = window.setTimeout(() => {
currentGu.value = guFrames[0]
isGuPlaying.value = false
guFrameTimer = undefined
}, 200)
return
}
guFrameTimer = window.setTimeout(playNextFrame, 200)
}
playNextFrame()
} }
if (wechat) { if (wechat) {
...@@ -350,10 +326,10 @@ const rankCloseHandler = () => { ...@@ -350,10 +326,10 @@ const rankCloseHandler = () => {
</template> </template>
<LoadingView v-if="currentView === 'loading'" :image-urls="imageUrls" :user-join-status="userJoinStatus" <LoadingView v-if="currentView === 'loading'" :image-urls="imageUrls" :user-join-status="userJoinStatus"
@touchGameRule="showGameRuleHandler" /> @touchGameRule="showGameRuleHandler" />
<PlayingView v-else-if="currentView === 'playing'" :image-urls="imageUrls" :tick="tick" :rank="rank" <!-- <PlayingView v-else :image-urls="imageUrls" :tick="tick" :rank="rank" -->
<PlayingView v-else-if="currentView === 'playing'" :image-urls="imageUrls" :tick="tick" :rank="rank"
:current-gu="currentGu" :countdown-interval="countdownInterval" :is-div-desc-visible="isDivDescVisible" :current-gu="currentGu" :countdown-interval="countdownInterval" :is-div-desc-visible="isDivDescVisible"
@touch="touchHandler" /> @hit="hitHandler" />
<!-- <PlayingView v-else :image-urls="imageUrls" :tick="tick" :rank="rank" -->
<!-- <ScoreView v-else :image-urls="imageUrls" :rank="rank" :tick="tick" /> --> <!-- <ScoreView v-else :image-urls="imageUrls" :rank="rank" :tick="tick" /> -->
</MobileStage> </MobileStage>
<div v-else style="text-align: center; width: 100vw; height: 100vh; line-height: 30; font-size: 20px;"> <div v-else style="text-align: center; width: 100vw; height: 100vh; line-height: 30; font-size: 20px;">
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment