laoma/shoot-miniprograms
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

细节优化

Browse Source
This commit is contained in:
kron
2025-07-28 09:02:02 +08:00
parent 7ce8b9c513
commit 0d7a421546
5 changed files with 105 additions and 114 deletions
Download Patch File Download Diff File Expand all files Collapse all files

81
src/pages/battle-room.vue
View File

@@ -1,5 +1,5 @@
<script setup>
import { ref, watch, onMounted, onUnmounted } from "vue";
import { ref, watch, onMounted, onUnmounted, nextTick } from "vue";
import { onLoad, onShow, onHide } from "@dcloudio/uni-app";
import Container from "@/components/Container.vue";
import PlayerSeats from "@/components/PlayerSeats.vue";
@@ -64,6 +64,8 @@ const isFinalShoot = ref(false);
const total = ref(15);
const battleType = ref(0);
const isEnded = ref(false);
const refreshRoomTimer = ref(null);
const refreshTimer = ref(null);
watch(
() => [players.value, playersScores.value],
@@ -125,14 +127,6 @@ function recoverData(battleInfo) {
redPoints.value += 2;
}
});
if (battleInfo.roundResults[battleInfo.roundResults.length - 1]) {
scores.value = battleInfo.roundResults[
battleInfo.roundResults.length - 1
].redArrows.filter((item) => !!item.playerId);
blueScores.value = battleInfo.roundResults[
battleInfo.roundResults.length - 1
].blueArrows.filter((item) => !!item.playerId);
}
if (
battleInfo.redTeam[0].shotHistory[battleInfo.currentRound] ||
battleInfo.blueTeam[0].shotHistory[battleInfo.currentRound]
@@ -170,14 +164,22 @@ function recoverData(battleInfo) {
}
}
}
const lastIndex = roundResults.value.length - 1;
if (roundResults.value[lastIndex]) {
const redArrows = roundResults.value[lastIndex].redArrows;
scores.value = [...redArrows].filter((item) => !!item.playerId);
const blueArrows = roundResults.value[lastIndex].blueArrows;
blueScores.value = [...blueArrows].filter((item) => !!item.playerId);
}
}
// 这个状态不准
// if (battleInfo.status !== 11) return;
if (battleInfo.firePlayerIndex) {
currentShooterId.value = battleInfo.firePlayerIndex;
if (redTeam.value[0].id === currentShooterId.value)
tips.value = "请红队射箭";
else tips.value = "请蓝队射箭";
tips.value =
redTeam.value[0].id === currentShooterId.value
? "请红队射箭 - "
: "请蓝队射箭 - ";
tips.value += isFinalShoot.value
? "决金箭"
: `第${roundsName[currentRound.value]}轮`;
@@ -224,7 +226,7 @@ async function refreshRoomData() {
const result = await getRoomAPI(roomNumber.value);
room.value = result;
battleType.value = result.battleType;
result.members.some((m) => {
(result.members || []).some((m) => {
if (m.userInfo.id === result.creator) {
owner.value = {
id: m.userInfo.id,
@@ -278,14 +280,8 @@ const startGame = async () => {
async function onReceiveMessage(messages = []) {
messages.forEach((msg) => {
if (
msg.roomNumber === roomNumber.value ||
(battleId.value && msg.id === battleId.value) ||
msg.constructor === MESSAGETYPES.WaitForAllReady
) {
console.log("收到消息：", getMessageTypeName(msg.constructor), msg);
}
if (msg.constructor === MESSAGETYPES.WaitForAllReady) {
if (refreshRoomTimer.value) clearInterval(refreshRoomTimer.value);
// 这里会掉多次;
battleId.value = msg.id;
step.value = 2;
@@ -389,26 +385,23 @@ async function onReceiveMessage(messages = []) {
if (currentShooterId.value !== msg.userId) {
seq.value += 1;
currentShooterId.value = msg.userId;
if (redTeam.value[0].id === currentShooterId.value) {
tips.value = "请红队射箭-";
} else {
tips.value = "请蓝队射箭-";
}
if (isFinalShoot.value) {
tips.value += "决金箭";
} else {
tips.value += `第${roundsName[currentRound.value]}轮`;
}
tips.value =
redTeam.value[0].id === currentShooterId.value
? "请红队射箭 - "
: "请蓝队射箭 - ";
tips.value += isFinalShoot.value
? "决金箭"
: `第${roundsName[currentRound.value]}轮`;
}
}
}
if (msg.constructor === MESSAGETYPES.ShootResult) {
if (battleType.value === 1) {
// 会有蓝队射箭时间，红队射箭也有结果返回的情况
// 会有在蓝队射箭时间，红队射箭也有结果返回的情况
if (currentShooterId.value !== msg.userId) return;
const isRed = redTeam.value.find((item) => item.id === msg.userId);
if (isRed) scores.value.push(msg.target);
else blueScores.value.push(msg.target);
if (isRed) scores.value.push({ ...msg.target });
else blueScores.value.push({ ...msg.target });
if (!roundResults.value[currentRound.value - 1]) {
roundResults.value.push({
redArrows: [],
@@ -417,7 +410,7 @@ async function onReceiveMessage(messages = []) {
}
roundResults.value[currentRound.value - 1][
isRed ? "redArrows" : "blueArrows"
].push(msg.target);
].push({ ...msg.target });
}
if (battleType.value === 2 && msg.userId === user.value.id) {
scores.value.push({ ...msg.target });
@@ -529,11 +522,16 @@ const onBack = () => {
onLoad(async (options) => {
if (options.battleId) {
const battleInfo = uni.getStorageSync("current-battle");
if (battleInfo) recoverData(battleInfo);
setTimeout(getCurrentGameAPI, 2000);
if (battleInfo) {
await nextTick(() => {
recoverData(battleInfo);
});
setTimeout(getCurrentGameAPI, 2000);
}
} else if (options.roomNumber) {
roomNumber.value = options.roomNumber;
refreshRoomData();
refreshRoomTimer.value = setInterval(refreshRoomData, 2000);
}
});
@@ -545,6 +543,8 @@ onMounted(() => {
});
onUnmounted(() => {
if (refreshRoomTimer.value) clearInterval(refreshRoomTimer.value);
if (refreshTimer.value) clearInterval(refreshTimer.value);
uni.setKeepScreenOn({
keepScreenOn: false,
});
@@ -554,18 +554,14 @@ onUnmounted(() => {
}
});
const refreshTimer = ref(null);
onShow(async () => {
if (battleId.value) {
if (!isEnded.value && (await isGameEnded(battleId.value))) return;
getCurrentGameAPI();
const refreshData = () => {
const lastAwakeTime = uni.getStorageSync("last-awake-time");
if (lastAwakeTime) {
getCurrentGameAPI();
} else {
clearInterval(refreshTimer.value);
}
if (lastAwakeTime) getCurrentGameAPI();
else clearInterval(refreshTimer.value);
};
refreshTimer.value = setInterval(refreshData, 2000);
} else {
@@ -703,6 +699,7 @@ onHide(() => {
:mode="isFinalShoot ? 'tall' : 'normal'"
>
<RoundEndTip
v-if="showRoundTip"
:isFinal="isFinalShoot"
:round="currentRound - 1"
:bluePoint="currentBluePoint"