游戏结束
@@ -179,16 +179,16 @@ function initPeer() {
]
}
});
-
+
peer.value.on('open', (id) => {
localPeerId.value = id;
connectionStatus.value = '准备就绪，等待连接...';
});
-
+
peer.value.on('connection', (conn) => {
handleConnection(conn);
});
-
+
peer.value.on('error', (err) => {
console.error('PeerJS错误:', err);
connectionStatus.value = `连接错误: ${err}`;
@@ -199,14 +199,14 @@ function initPeer() {
// 连接到对方
function connectToPeer() {
if (!peer.value || !remotePeerId.value) return;
-
+
connectionStatus.value = '正在连接...';
-
+
try {
const conn = peer.value.connect(remotePeerId.value, {
reliable: true
});
-
+
handleConnection(conn);
} catch (error) {
console.error('连接失败:', error);
@@ -217,22 +217,22 @@ function connectToPeer() {
// 处理连接
function handleConnection(conn: DataConnection) {
connection.value = conn;
-
+
conn.on('open', () => {
isConnected.value = true;
connectionStatus.value = '连接成功!';
showGameMessage('连接成功!', 'success');
-
+
// 如果是加入方，等待主机发送游戏设置
if (mode.value === 'join') {
localPlayerTurn.value = false;
}
});
-
+
conn.on('data', (data: any) => {
handleReceivedData(data);
});
-
+
conn.on('close', () => {
isConnected.value = false;
connectionStatus.value = '连接已关闭';
@@ -241,7 +241,7 @@ function handleConnection(conn: DataConnection) {
endGame();
}
});
-
+
conn.on('error', (err) => {
console.error('连接错误:', err);
connectionStatus.value = `连接错误: ${err}`;
@@ -252,13 +252,13 @@ function handleConnection(conn: DataConnection) {
// 开始游戏
function startGame() {
if (!isConnected.value || !connection.value) return;
-
+
// 发送游戏设置给对方
connection.value.send({
type: 'game-settings',
difficulty: selectedDifficulty.value
});
-
+
// 开始倒计时
timeLeft.value = 30;
localScore.value = 0;
@@ -266,13 +266,13 @@ function startGame() {
isGameActive.value = true;
gameEnded.value = false;
localPlayerTurn.value = mode.value === 'host'; // 主机先手
-
+
// 生成第一题
generateNewQuestion();
-
+
// 启动计时器
startTimer();
-
+
// 通知对方游戏已开始
connection.value.send({
type: 'game-started'
@@ -283,7 +283,7 @@ function startGame() {
function generateNewQuestion() {
try {
currentQuestion.value = generateQuestion(parseInt(selectedDifficulty.value));
-
+
// 如果自己是当前回合玩家，发送题目给对方
if (localPlayerTurn.value && connection.value) {
connection.value.send({
@@ -301,17 +301,17 @@ function generateNewQuestion() {
// 提交答案
function submitAnswer() {
if (!isGameActive.value || !localPlayerTurn.value) return;
-
+
const isCorrect = currentQuestion.value.answer.toString() === userAnswer.value;
lastCorrectAnswer.value = currentQuestion.value.answer.toString();
-
+
if (isCorrect) {
localScore.value += 1;
answerFeedback.value = 'correct';
} else {
answerFeedback.value = 'wrong';
}
-
+
// 发送答题结果给对方
if (connection.value) {
connection.value.send({
@@ -320,14 +320,14 @@ function submitAnswer() {
score: localScore.value
});
}
-
+
// 交换回合
localPlayerTurn.value = false;
-
+
// 生成新题目给对方
generateNewQuestion();
userAnswer.value = '';
-
+
// 设置短暂的反馈后恢复
setTimeout(() => {
answerFeedback.value = 'none';
@@ -337,14 +337,14 @@ function submitAnswer() {
// 启动计时器
function startTimer() {
clearTimerInterval();
-
+
timerInterval.value = window.setInterval(() => {
timeLeft.value--;
-
+
if (timeLeft.value <= 0) {
clearTimerInterval();
endGame();
-
+
// 通知对方游戏结束
if (connection.value) {
connection.value.send({
@@ -384,13 +384,13 @@ function resetGame() {
// 处理接收到的数据
function handleReceivedData(data: any) {
console.log('收到数据:', data);
-
+
switch (data.type) {
case 'game-settings':
// 接收到游戏设置
selectedDifficulty.value = data.difficulty;
break;
-
+
case 'game-started':
// 游戏开始
isGameActive.value = true;
@@ -398,7 +398,7 @@ function handleReceivedData(data: any) {
timeLeft.value = 30;
startTimer();
break;
-
+
case 'new-question':
// 接收到新题目
currentQuestion.value = {
@@ -408,7 +408,7 @@ function handleReceivedData(data: any) {
// 接收到新题目意味着轮到我方回答
localPlayerTurn.value = true;
break;
-
+
case 'answer-result':
// 对方答题结果
remoteScore.value = data.score;
@@ -421,7 +421,7 @@ function handleReceivedData(data: any) {
localPlayerTurn.value = true;
generateNewQuestion();
break;
-
+
case 'game-ended':
// 游戏结束
endGame();
@@ -433,406 +433,11 @@ function handleReceivedData(data: any) {
function showGameMessage(message: string, type: 'success' | 'error' | 'info' = 'info') {
gameMessage.value = message;
gameMessageType.value = type;
-
+
setTimeout(() => {
gameMessage.value = '';
}, 3000);
}
-
\ No newline at end of file
+
diff --git a/src/views/Practice.vue b/src/views/Practice.vue
index 41efaf8..33e8315 100644
--- a/src/views/Practice.vue
+++ b/src/views/Practice.vue
@@ -147,225 +147,4 @@ onUnmounted(() => {
});
-
+