diff --git a/app/Enums/CurrencySource.php b/app/Enums/CurrencySource.php index 1c62907..6a04e2a 100644 --- a/app/Enums/CurrencySource.php +++ b/app/Enums/CurrencySource.php @@ -158,6 +158,9 @@ enum CurrencySource: string /** 购买头像框消耗（扣除金币） */ case AVATAR_FRAME_BUY = 'avatar_frame_buy'; + /** 猜成语游戏奖励 */ + case GAME_REWARD = 'game_reward'; + /** * 返回该来源的中文名称，用于后台统计展示。 */ @@ -210,6 +213,7 @@ enum CurrencySource: string self::MSG_TEXT_COLOR_BUY => '文字颜色购买', self::MSG_DECORATION_BUY => '消息装扮购买（旧）', self::AVATAR_FRAME_BUY => '头像框购买', + self::GAME_REWARD => '猜成语奖励', }; } } diff --git a/app/Events/IdiomGameAnswered.php b/app/Events/IdiomGameAnswered.php new file mode 100644 index 0000000..da6eaa8 --- /dev/null +++ b/app/Events/IdiomGameAnswered.php @@ -0,0 +1,59 @@ +roomId), + ]; + } + + public function broadcastWith(): array + { + return [ + 'round_id' => $this->roundId, + 'answer' => $this->answer, + 'winner_username' => $this->winnerUsername, + 'reward_gold' => $this->rewardGold, + 'reward_exp' => $this->rewardExp, + ]; + } +} diff --git a/app/Events/IdiomGameStarted.php b/app/Events/IdiomGameStarted.php new file mode 100644 index 0000000..ae54350 --- /dev/null +++ b/app/Events/IdiomGameStarted.php @@ -0,0 +1,63 @@ +roomId), + ]; + } + + /** + * 广播数据 + */ + public function broadcastWith(): array + { + return [ + 'round_id' => $this->roundId, + 'hint' => $this->hint, + 'reward_gold' => $this->rewardGold, + 'reward_exp' => $this->rewardExp, + 'message' => "🧩 猜成语时间！{$this->hint}", + ]; + } +} diff --git a/app/Http/Controllers/Admin/IdiomController.php b/app/Http/Controllers/Admin/IdiomController.php new file mode 100644 index 0000000..52ca264 --- /dev/null +++ b/app/Http/Controllers/Admin/IdiomController.php @@ -0,0 +1,122 @@ +orderBy('id')->get(); + + return view('admin.idioms.index', compact('idioms')); + } + + /** + * 创建新题目 + */ + public function store(Request $request): RedirectResponse + { + $data = $request->validate([ + 'answer' => 'required|string|max:50', + 'hint' => 'required|string|max:255', + 'sort' => 'required|integer|min:0', + 'is_active' => 'boolean', + ]); + + $data['is_active'] = $request->boolean('is_active', true); + Idiom::create($data); + + return redirect()->route('admin.idioms.index')->with('success', '成语题目已添加！'); + } + + /** + * 更新题目 + */ + public function update(Request $request, Idiom $idiom): RedirectResponse + { + $data = $request->validate([ + 'answer' => 'required|string|max:50', + 'hint' => 'required|string|max:255', + 'sort' => 'required|integer|min:0', + 'is_active' => 'boolean', + ]); + + $data['is_active'] = $request->boolean('is_active'); + $idiom->update($data); + + return redirect()->route('admin.idioms.index')->with('success', "题目「{$idiom->answer}」已更新！"); + } + + /** + * 切换启用/禁用（AJAX） + */ + public function toggle(Idiom $idiom): JsonResponse + { + $idiom->update(['is_active' => ! $idiom->is_active]); + + return response()->json([ + 'ok' => true, + 'is_active' => $idiom->is_active, + 'message' => $idiom->is_active ? "「{$idiom->answer}」已启用" : "「{$idiom->answer}」已禁用", + ]); + } + + /** + * 删除题目 + */ + public function destroy(Idiom $idiom): RedirectResponse + { + $answer = $idiom->answer; + $idiom->delete(); + + return redirect()->route('admin.idioms.index')->with('success', "题目「{$answer}」已删除！"); + } + + /** + * 保存猜成语游戏参数（仅更新 GameConfig params，不影响其他字段） + */ + public function saveSettings(Request $request): RedirectResponse + { + $data = $request->validate([ + 'reward_gold' => 'required|integer|min:0', + 'reward_exp' => 'required|integer|min:0', + 'auto_start_interval' => 'required|integer|min:0', + ]); + + $config = \App\Models\GameConfig::firstOrCreate( + ['game_key' => 'idiom'], + ['name' => '猜成语', 'icon' => '🧩', 'enabled' => false], + ); + + // 合并现有 params，只覆盖提交的字段，不影响其他已有参数 + $existingParams = $config->params ?? []; + $config->params = array_merge($existingParams, [ + 'reward_gold' => (int) $data['reward_gold'], + 'reward_exp' => (int) $data['reward_exp'], + 'auto_start_interval' => (int) $data['auto_start_interval'], + ]); + $config->save(); + $config->clearCache(); + + return redirect()->route('admin.idioms.index')->with('success', '游戏参数已保存！'); + } +} diff --git a/app/Http/Controllers/IdiomQuizController.php b/app/Http/Controllers/IdiomQuizController.php new file mode 100644 index 0000000..5f3c2b6 --- /dev/null +++ b/app/Http/Controllers/IdiomQuizController.php @@ -0,0 +1,267 @@ +id !== 1 && ! $request->user()?->activePosition)) { + return response()->json(['status' => 'error', 'message' => '无权限'], 403); + } + + $roomId = (int) $request->input('room_id', 0); + if ($roomId <= 0) { + return response()->json(['status' => 'error', 'message' => '缺少房间 ID'], 422); + } + + // 检查是否有进行中的回合 + $activeRound = IdiomGameRound::where('room_id', $roomId) + ->whereIn('status', ['pending', 'active']) + ->first(); + if ($activeRound) { + return response()->json([ + 'status' => 'error', + 'message' => '当前房间已有进行中的猜成语题目，请先结束当前回合。', + ], 400); + } + + // 随机选一道启用的题目 + $idiom = Idiom::where('is_active', true)->inRandomOrder()->first(); + if (! $idiom) { + return response()->json(['status' => 'error', 'message' => '题库中没有可用的题目，请先在后台添加。'], 400); + } + + // 读取游戏配置 + $config = GameConfig::forGame('idiom'); + $params = $config?->params ?? []; + $rewardGold = (int) ($params['reward_gold'] ?? 50); + $rewardExp = (int) ($params['reward_exp'] ?? 30); + + // 创建新回合 + $round = IdiomGameRound::create([ + 'room_id' => $roomId, + 'idiom_id' => $idiom->id, + 'status' => 'active', + 'reward_gold' => $rewardGold, + 'reward_exp' => $rewardExp, + 'started_at' => now(), + ]); + + // 广播到聊天室 + broadcast(new IdiomGameStarted( + roomId: $roomId, + hint: $idiom->hint, + roundId: $round->id, + rewardGold: $rewardGold, + rewardExp: $rewardExp, + )); + + // 同时也推一条 MessageSent 消息（显示在聊天窗口） + $msg = [ + 'id' => $this->chatState->nextMessageId($roomId), + 'room_id' => $roomId, + 'from_user' => '星海小博士', + 'to_user' => '大家', + 'content' => "🧩 猜成语时间！{$idiom->hint}", + 'is_secret' => false, + 'font_color' => '#7c3aed', + 'action' => '', + 'idiom_game_round_id' => $round->id, + 'idiom_reward_gold' => $rewardGold, + 'idiom_reward_exp' => $rewardExp, + 'sent_at' => now()->toDateTimeString(), + ]; + $this->chatState->pushMessage($roomId, $msg); + broadcast(new \App\Events\MessageSent($roomId, $msg)); + + return response()->json([ + 'status' => 'success', + 'data' => [ + 'round_id' => $round->id, + 'hint' => $idiom->hint, + 'reward_gold' => $rewardGold, + 'reward_exp' => $rewardExp, + ], + ]); + } + + /** + * 提交答案（POST） + * + * @param Request $request + * @return JsonResponse + */ + public function answer(Request $request): JsonResponse + { + $user = Auth::user(); + if (! $user) { + return response()->json(['status' => 'error', 'message' => '请先登录'], 401); + } + + $roundId = (int) $request->input('round_id'); + $userAnswer = trim((string) $request->input('answer', '')); + $roomId = (int) $request->input('room_id'); + + if ($roundId <= 0 || $userAnswer === '' || $roomId <= 0) { + return response()->json(['status' => 'error', 'message' => '参数不完整'], 422); + } + + // 查找回合 + $round = IdiomGameRound::with('idiom')->find($roundId); + if (! $round || $round->room_id !== $roomId) { + return response()->json(['status' => 'error', 'message' => '回合不存在'], 404); + } + + if ($round->status !== 'active') { + if ($round->status === 'answered') { + return response()->json([ + 'status' => 'error', + 'message' => "这道题已被「{$round->winner_username}」抢先答对了！", + ], 400); + } + return response()->json(['status' => 'error', 'message' => '该回合已结束'], 400); + } + + // 校验答案（忽略空格和全半角） + $normalizedAnswer = str_replace(' ', '', $userAnswer); + $normalizedCorrect = str_replace(' ', '', $round->idiom->answer); + if (mb_strtolower($normalizedAnswer) !== mb_strtolower($normalizedCorrect)) { + return response()->json([ + 'status' => 'error', + 'message' => '答案不正确，再想想！', + ], 200); + } + + // 答对了！加锁防并发（Redis） + $lockKey = "idiom:answer_lock:{$roundId}"; + if (! \Illuminate\Support\Facades\Redis::setnx($lockKey, 1)) { + return response()->json([ + 'status' => 'error', + 'message' => "这道题已被「{$round->winner_username}」抢先答对了！", + ], 400); + } + \Illuminate\Support\Facades\Redis::expire($lockKey, 10); + + // 更新回合状态 + $round->update([ + 'status' => 'answered', + 'winner_id' => $user->id, + 'winner_username' => $user->username, + 'ended_at' => now(), + ]); + + // 发放奖励 + if ($round->reward_gold > 0) { + $this->currencyService->change( + $user, 'gold', $round->reward_gold, + \App\Enums\CurrencySource::GAME_REWARD, + "猜成语答对「{$round->idiom->answer}」奖励", + $roomId, + ); + } + if ($round->reward_exp > 0) { + $user->exp_num = ($user->exp_num ?? 0) + $round->reward_exp; + $user->save(); + } + + // 广播结果 + broadcast(new IdiomGameAnswered( + roomId: $roomId, + roundId: $round->id, + answer: $round->idiom->answer, + winnerUsername: $user->username, + rewardGold: $round->reward_gold, + rewardExp: $round->reward_exp, + )); + + // 推 MessageSent 系统通知 + $resultMsg = [ + 'id' => $this->chatState->nextMessageId($roomId), + 'room_id' => $roomId, + 'from_user' => '星海小博士', + 'to_user' => '大家', + 'content' => "🎉 恭喜 {$user->username} 率先答对成语「{$round->idiom->answer}」，获得 {$round->reward_gold} 金币、{$round->reward_exp} 经验！", + 'is_secret' => false, + 'font_color' => '#16a34a', + 'action' => '', + 'sent_at' => now()->toDateTimeString(), + ]; + $this->chatState->pushMessage($roomId, $resultMsg); + broadcast(new \App\Events\MessageSent($roomId, $resultMsg)); + + \Illuminate\Support\Facades\Redis::del($lockKey); + + return response()->json([ + 'status' => 'success', + 'message' => "🎉 回答正确！获得 {$round->reward_gold} 金币、{$round->reward_exp} 经验！", + 'data' => [ + 'answer' => $round->idiom->answer, + 'reward_gold' => $round->reward_gold, + 'reward_exp' => $round->reward_exp, + ], + ]); + } + + /** + * 查询当前进行中的回合 + */ + public function current(Request $request): JsonResponse + { + $roomId = (int) $request->input('room_id', 0); + if ($roomId <= 0) { + return response()->json(['status' => 'error', 'message' => '缺少房间 ID'], 422); + } + + $round = IdiomGameRound::with('idiom') + ->where('room_id', $roomId) + ->whereIn('status', ['pending', 'active']) + ->first(); + + if (! $round) { + return response()->json(['status' => 'success', 'data' => null]); + } + + return response()->json([ + 'status' => 'success', + 'data' => [ + 'round_id' => $round->id, + 'hint' => $round->idiom?->hint ?? '', + 'reward_gold' => $round->reward_gold, + 'reward_exp' => $round->reward_exp, + ], + ]); + } +} diff --git a/app/Models/Idiom.php b/app/Models/Idiom.php new file mode 100644 index 0000000..1601aa1 --- /dev/null +++ b/app/Models/Idiom.php @@ -0,0 +1,33 @@ + 'boolean', + 'sort' => 'integer', + ]; + } +} diff --git a/app/Models/IdiomGameRound.php b/app/Models/IdiomGameRound.php new file mode 100644 index 0000000..7ce1c99 --- /dev/null +++ b/app/Models/IdiomGameRound.php @@ -0,0 +1,46 @@ + 'integer', + 'reward_exp' => 'integer', + 'started_at' => 'datetime', + 'ended_at' => 'datetime', + ]; + } + + public function idiom(): BelongsTo + { + return $this->belongsTo(Idiom::class); + } +} diff --git a/database/migrations/2026_04_28_210001_create_idioms_table.php b/database/migrations/2026_04_28_210001_create_idioms_table.php new file mode 100644 index 0000000..fb0f128 --- /dev/null +++ b/database/migrations/2026_04_28_210001_create_idioms_table.php @@ -0,0 +1,41 @@ +id(); + $table->string('answer', 50)->comment('成语答案'); + $table->string('hint', 255)->comment('谜语线索提示'); + $table->boolean('is_active')->default(true)->comment('是否启用'); + $table->unsignedSmallInteger('sort')->default(0)->comment('排序'); + $table->timestamps(); + }); + } + + /** + * 回滚迁移。 + */ + public function down(): void + { + Schema::dropIfExists('idioms'); + } +}; diff --git a/database/migrations/2026_04_28_210002_create_idiom_game_rounds_table.php b/database/migrations/2026_04_28_210002_create_idiom_game_rounds_table.php new file mode 100644 index 0000000..3771a53 --- /dev/null +++ b/database/migrations/2026_04_28_210002_create_idiom_game_rounds_table.php @@ -0,0 +1,49 @@ +id(); + $table->unsignedBigInteger('room_id')->comment('游戏所在房间 ID'); + $table->unsignedBigInteger('idiom_id')->comment('当前题目 ID'); + $table->string('status', 20)->default('pending')->comment('状态：pending/active/answered/ended'); + $table->integer('reward_gold')->default(0)->comment('答对奖励金币'); + $table->integer('reward_exp')->default(0)->comment('答对奖励经验'); + $table->unsignedBigInteger('winner_id')->nullable()->comment('答对用户 ID'); + $table->string('winner_username', 50)->nullable()->comment('答对用户名'); + $table->timestamp('started_at')->nullable()->comment('开始答题时间'); + $table->timestamp('ended_at')->nullable()->comment('结束答题时间'); + $table->timestamps(); + + $table->foreign('idiom_id')->references('id')->on('idioms')->onDelete('cascade'); + $table->index('status'); + }); + } + + /** + * 回滚迁移。 + */ + public function down(): void + { + Schema::dropIfExists('idiom_game_rounds'); + } +}; diff --git a/database/seeders/GameConfigSeeder.php b/database/seeders/GameConfigSeeder.php index e368428..9f6cb5f 100644 --- a/database/seeders/GameConfigSeeder.php +++ b/database/seeders/GameConfigSeeder.php @@ -169,6 +169,20 @@ class GameConfigSeeder extends Seeder 'super_issue_inject' => 20000, // 超级期系统注入金额上限 ], ], + + // ─── 猜成语 ─────────────────────────────────────────────── + [ + 'game_key' => 'idiom', + 'name' => '猜成语', + 'icon' => '🧩', + 'description' => '管理员手动出题或系统定时自动出题，用户抢答成语，第一个答对的获得金币和经验奖励。', + 'enabled' => false, + 'params' => [ + 'reward_gold' => 50, // 答对奖励金币 + 'reward_exp' => 30, // 答对奖励经验 + 'auto_start_interval' => 0, // 自动出题间隔（分钟，0=手动） + ], + ], ]; foreach ($games as $game) { diff --git a/database/seeders/IdiomSeeder.php b/database/seeders/IdiomSeeder.php new file mode 100644 index 0000000..f887965 --- /dev/null +++ b/database/seeders/IdiomSeeder.php @@ -0,0 +1,30 @@ + $item) { + Idiom::create([ + 'answer' => $item['answer'], + 'hint' => $item['hint'], + 'is_active' => true, + 'sort' => $i, + ]); + } + + $this->command->info('已导入 '.count($idioms).' 条成语题目。'); + } +} diff --git a/resources/js/chat-room.js b/resources/js/chat-room.js index 7d910f9..6b46045 100644 --- a/resources/js/chat-room.js +++ b/resources/js/chat-room.js @@ -291,6 +291,10 @@ import { bindChatInitialStateControls } from "./chat-room/initial-state.js"; // 拍一拍模块 import "./chat-room/pat.js"; +// 猜成语游戏模块 +import "./chat-room/idiom-quiz.js"; +import { bindIdiomQuizControls } from "./chat-room/idiom-quiz.js"; + // 斜杠命令菜单 import { bindSlashCommands, registerSlashCommand } from "./chat-room/slash-commands.js"; @@ -778,4 +782,5 @@ if (typeof window !== "undefined") { bindChatBotControls(); bindGuestbookControls(); bindFeedbackControls(); + bindIdiomQuizControls(); } diff --git a/resources/js/chat-room/chat-events.js b/resources/js/chat-room/chat-events.js index 057e481..3814435 100644 --- a/resources/js/chat-room/chat-events.js +++ b/resources/js/chat-room/chat-events.js @@ -366,6 +366,41 @@ export function bindChatEvents() { } enqueueChatMessage(msg); + // 猜成语消息：追加【答题】按钮 + if (msg.idom_game_round_id || msg.idiom_game_round_id) { + const roundId = msg.idom_game_round_id || msg.idiom_game_round_id; + const hint = msg.content || ""; + const rewardGold = msg.idiom_reward_gold || 0; + const rewardExp = msg.idiom_reward_exp || 0; + + // 延迟等消息渲染完成再追加按钮 + setTimeout(() => { + const containers = [ + document.getElementById("chat-messages-container"), + document.getElementById("chat-messages-container2"), + ]; + containers.forEach((container) => { + if (!container) return; + const lastMsg = container.lastElementChild; + if (!lastMsg || lastMsg.querySelector("[data-idiom-answer-btn]")) return; + if (lastMsg.dataset.fromUser !== "星海小博士") return; + + const btn = document.createElement("button"); + btn.type = "button"; + btn.dataset.idiomAnswerBtn = String(roundId); + btn.dataset.idiomHint = hint; + btn.dataset.idiomGold = String(rewardGold); + btn.dataset.idiomExp = String(rewardExp); + btn.textContent = "🎯 答题"; + btn.style.cssText = + "margin-left:8px;padding:2px 12px;background:linear-gradient(135deg,#7c3aed,#a78bfa);" + + "color:#fff;border:none;border-radius:999px;font-size:11px;cursor:pointer;" + + "font-weight:bold;vertical-align:middle;"; + lastMsg.appendChild(btn); + }); + }, 50); + } + if (msg.action === "vip_presence" && typeof window.showVipPresenceBanner === "function") { window.showVipPresenceBanner(msg); } @@ -470,6 +505,20 @@ export function bindChatEvents() { } }); + // chat:idiom-started — 猜成语出题 + window.addEventListener("chat:idiom-started", (e) => { + if (typeof window.handleIdiomGameStarted === "function") { + window.handleIdiomGameStarted(e); + } + }); + + // chat:idiom-answered — 猜成语答题结果 + window.addEventListener("chat:idiom-answered", (e) => { + if (typeof window.handleIdiomGameAnswered === "function") { + window.handleIdiomGameAnswered(e); + } + }); + // Echo 级监听器（延迟绑定，等待 Echo 就绪） document.addEventListener("DOMContentLoaded", () => { setupScreenClearedListener(); diff --git a/resources/js/chat-room/idiom-quiz.js b/resources/js/chat-room/idiom-quiz.js new file mode 100644 index 0000000..60c9b04 --- /dev/null +++ b/resources/js/chat-room/idiom-quiz.js @@ -0,0 +1,215 @@ +// 猜成语游戏前端模块 +// 监听 IdiomGameStarted / IdiomGameAnswered 事件，提供答题弹窗功能 + +function csrf() { + return document.querySelector('meta[name="csrf-token"]')?.content ?? ""; +} + +let currentRoundId = 0; +let currentRoomId = 0; + +/** + * 收到猜成语出题事件时，在聊天窗口显示提示消息。 + */ +function handleIdiomGameStarted(e) { + const { round_id, hint, reward_gold, reward_exp, message } = e.detail || {}; + if (!round_id || !hint) return; + + currentRoundId = round_id; + currentRoomId = window.chatContext?.roomId || 0; + + // 追加一条聊天室消息（由 MessageSent 事件负责渲染，不重复添加） + // 这里只存储当前回合信息 + console.log(`猜成语开始：${hint}，奖励 ${reward_gold}金/${reward_exp}经验`); +} + +/** + * 收到猜成语结果事件。 + */ +function handleIdiomGameAnswered(e) { + const { answer, winner_username, reward_gold, reward_exp } = e.detail || {}; + if (!answer) return; + + currentRoundId = 0; + + // 如果当前用户打开答题弹窗但被别人抢先了，关闭弹窗 + const answerModal = document.getElementById("idiom-answer-modal"); + if (answerModal && answerModal.style.display !== "none") { + answerModal.style.display = "none"; + window.chatToast?.show({ + title: "被抢先了", + message: `${winner_username} 率先答对了「${answer}」，下次加油！`, + icon: "😅", + color: "#f59e0b", + duration: 4000, + }); + } +} + +/** + * 打开答题弹窗。 + */ +function openIdiomAnswerModal(roundId, hint, rewardGold, rewardExp) { + currentRoundId = roundId; + currentRoomId = window.chatContext?.roomId || 0; + + const modal = document.getElementById("idiom-answer-modal"); + if (!modal) return; + + const hintEl = document.getElementById("idiom-answer-hint"); + const rewardEl = document.getElementById("idiom-answer-reward"); + if (hintEl) hintEl.textContent = hint; + if (rewardEl) rewardEl.textContent = `🎁 答对奖励：${rewardGold} 金币 + ${rewardExp} 经验`; + + modal.style.display = "flex"; + + const input = document.getElementById("idiom-answer-input"); + if (input) { + input.value = ""; + input.focus(); + input.disabled = false; + } + + const submitBtn = document.getElementById("idiom-answer-submit"); + if (submitBtn) { + submitBtn.disabled = false; + submitBtn.textContent = "提交答案"; + } + + const feedbackEl = document.getElementById("idiom-answer-feedback"); + if (feedbackEl) feedbackEl.textContent = ""; +} + +/** + * 关闭答题弹窗。 + */ +function closeIdiomAnswerModal() { + const modal = document.getElementById("idiom-answer-modal"); + if (modal) modal.style.display = "none"; +} + +/** + * 提交答案。 + */ +async function submitIdiomAnswer() { + const input = document.getElementById("idiom-answer-input"); + const feedbackEl = document.getElementById("idiom-answer-feedback"); + const submitBtn = document.getElementById("idiom-answer-submit"); + + if (!input || !feedbackEl || !submitBtn) return; + + const answer = input.value.trim(); + if (!answer) { + feedbackEl.textContent = "请输入成语答案"; + feedbackEl.style.color = "#ef4444"; + return; + } + + submitBtn.disabled = true; + submitBtn.textContent = "提交中..."; + + try { + const response = await fetch("/idiom-quiz/answer", { + method: "POST", + headers: { + "X-CSRF-TOKEN": csrf(), + "Content-Type": "application/json", + "Accept": "application/json", + }, + body: JSON.stringify({ + round_id: currentRoundId, + answer: answer, + room_id: currentRoomId, + }), + }); + + const data = await response.json(); + + if (data.status === "success") { + feedbackEl.textContent = data.message || "🎉 回答正确！"; + feedbackEl.style.color = "#16a34a"; + input.disabled = true; + + // 延迟关闭弹窗 + setTimeout(() => { + closeIdiomAnswerModal(); + }, 2000); + } else { + feedbackEl.textContent = data.message || "答案不正确"; + feedbackEl.style.color = "#ef4444"; + submitBtn.disabled = false; + submitBtn.textContent = "提交答案"; + input.focus(); + input.select(); + } + } catch (error) { + feedbackEl.textContent = "网络错误，请稍后重试"; + feedbackEl.style.color = "#ef4444"; + submitBtn.disabled = false; + submitBtn.textContent = "提交答案"; + } +} + +// ── 事件绑定 ── + +export function bindIdiomQuizControls() { + // 已经绑定的不再重复绑定 + if (document.getElementById("idiom-answer-modal")?.dataset?.idiomBound) return; + const modal = document.getElementById("idiom-answer-modal"); + if (modal) modal.dataset.idiomBound = "1"; + + // 关闭按钮 + document.addEventListener("click", (e) => { + const closeBtn = e.target.closest("[data-idiom-answer-close]"); + if (closeBtn) { + closeIdiomAnswerModal(); + return; + } + + // 点击遮罩层关闭 + const overlay = e.target.closest("#idiom-answer-modal"); + if (overlay && e.target === overlay) { + closeIdiomAnswerModal(); + } + }); + + // 提交按钮 + document.addEventListener("click", (e) => { + const submitBtn = e.target.closest("[data-idiom-answer-submit]"); + if (submitBtn) { + e.preventDefault(); + submitIdiomAnswer(); + } + }); + + // 输入框 Enter 提交 + document.addEventListener("keydown", (e) => { + const input = e.target.closest("#idiom-answer-input"); + if (input && e.key === "Enter" && !e.shiftKey) { + e.preventDefault(); + submitIdiomAnswer(); + } + }); + + // 聊天消息中的【答题】按钮点击 + document.addEventListener("click", (e) => { + const btn = e.target.closest("[data-idiom-answer-btn]"); + if (!btn) return; + + const roundId = parseInt(btn.dataset.idiomAnswerBtn || "0", 10); + const hint = btn.dataset.idiomHint || ""; + const rewardGold = parseInt(btn.dataset.idiomGold || "0", 10); + const rewardExp = parseInt(btn.dataset.idiomExp || "0", 10); + + if (roundId > 0) { + openIdiomAnswerModal(roundId, hint, rewardGold, rewardExp); + } + }); +} + +// ── 挂载到 window ── +window.openIdiomAnswerModal = openIdiomAnswerModal; +window.closeIdiomAnswerModal = closeIdiomAnswerModal; +window.submitIdiomAnswer = submitIdiomAnswer; +window.handleIdiomGameStarted = handleIdiomGameStarted; +window.handleIdiomGameAnswered = handleIdiomGameAnswered; diff --git a/resources/js/chat.js b/resources/js/chat.js index d0d58e8..8e0e614 100644 --- a/resources/js/chat.js +++ b/resources/js/chat.js @@ -269,6 +269,16 @@ export function initChat(roomId) { console.log("拍一拍:", e); window.dispatchEvent(new CustomEvent("chat:pat", { detail: e })); }) + // 监听猜成语出题 + .listen("IdiomGameStarted", (e) => { + console.log("猜成语:", e); + window.dispatchEvent(new CustomEvent("chat:idiom-started", { detail: e })); + }) + // 监听猜成语答题结果 + .listen("IdiomGameAnswered", (e) => { + console.log("猜成语结果:", e); + window.dispatchEvent(new CustomEvent("chat:idiom-answered", { detail: e })); + }) // 监听任命公告（礼花 + 隆重弹窗） .listen("AppointmentAnnounced", (e) => { console.log("任命公告:", e); diff --git a/resources/views/admin/idioms/index.blade.php b/resources/views/admin/idioms/index.blade.php new file mode 100644 index 0000000..55cb0cc --- /dev/null +++ b/resources/views/admin/idioms/index.blade.php @@ -0,0 +1,331 @@ +@extends('admin.layouts.app') + +@section('title', '猜成语题库管理') + +@section('content') + @php require resource_path('views/admin/partials/list-theme.php'); @endphp + + @php + $idiomPayload = $idioms->mapWithKeys( + fn($item) => [ + (string) $item->id => [ + 'id' => $item->id, + 'answer' => $item->answer, + 'hint' => $item->hint, + 'sort' => $item->sort, + 'is_active' => (bool) $item->is_active, + 'update_url' => route('admin.idioms.update', $item->id), + 'toggle_url' => route('admin.idioms.toggle', $item->id), + ], + ], + ); + + $idiomConfig = \App\Models\GameConfig::forGame('idiom'); + $idiomParams = $idiomConfig?->params ?? []; + @endphp + + + +
+ + {{-- 页头 --}} +
+
+

🧩 猜成语题库管理

+

+ 管理猜成语游戏的题目库，共 {{ $idioms->count() }} 条题目 +

+
+
+ + {{-- 游戏参数 + 出题 --}} +
+
+

⚙️ 游戏参数

+
+
+ @csrf +
+
+ + +
+
+ + +
+
+ + +

0=仅手动出题

+
+
+
+ + | + + + +
+
+
+ + {{-- 题目列表 --}} +
+
+ + + + + + + + + + + + @foreach ($idioms as $item) + + + + + + + + @endforeach + +
排序成语答案谜语提示状态操作
{{ $item->sort }}{{ $item->answer }}{{ $item->hint }} + + + +
+ @csrf @method('DELETE') + +
+
+
+
+ + {{-- 新增题目卡片 --}} +
+
+

➕ 新增成语题目

+
+
+ @csrf +
+
+ + +
+
+ + +
+
+ + +
+
+
+ + +
+
+
+ +
+ + {{-- 编辑弹窗 --}} + +@endsection + +{{-- 前端编辑/切换交互脚本 --}} +@push('scripts') + +@endpush diff --git a/resources/views/admin/layouts/app.blade.php b/resources/views/admin/layouts/app.blade.php index 1c9d611..1a3c9a4 100644 --- a/resources/views/admin/layouts/app.blade.php +++ b/resources/views/admin/layouts/app.blade.php @@ -98,7 +98,11 @@ - {!! '🎣 钓鱼事件' !!} + 🎣 钓鱼事件 + + + 🧩 猜成语题库 diff --git a/resources/views/chat/frame.blade.php b/resources/views/chat/frame.blade.php index edb91f5..1d6b699 100644 --- a/resources/views/chat/frame.blade.php +++ b/resources/views/chat/frame.blade.php @@ -252,6 +252,34 @@ @include('chat.partials.system-events') {{-- 初始历史消息、入场欢迎、进场特效、会员横幅和挂起婚姻事件已迁移到 resources/js/chat-room/initial-state.js --}} + {{-- 猜成语答题弹窗 --}} + + diff --git a/routes/web.php b/routes/web.php index b6e03d9..52a0008 100644 --- a/routes/web.php +++ b/routes/web.php @@ -274,6 +274,7 @@ Route::middleware(['chat.auth'])->group(function () { 'fishing' => \App\Models\GameConfig::isEnabled('fishing'), 'lottery' => \App\Models\GameConfig::isEnabled('lottery'), 'gomoku' => \App\Models\GameConfig::isEnabled('gomoku'), + 'idiom' => \App\Models\GameConfig::isEnabled('idiom'), ]); })->name('games.enabled'); @@ -291,6 +292,13 @@ Route::middleware(['chat.auth'])->group(function () { ->middleware('throttle:chat-send') ->name('chat.pat'); + // 猜成语游戏 + Route::prefix('idiom-quiz')->name('idiom-quiz.')->group(function () { + Route::post('/start', [\App\Http\Controllers\IdiomQuizController::class, 'start'])->name('start'); + Route::post('/answer', [\App\Http\Controllers\IdiomQuizController::class, 'answer'])->name('answer'); + Route::get('/current', [\App\Http\Controllers\IdiomQuizController::class, 'current'])->name('current'); + }); + // 挂机心跳存点 (限制每分钟最多调用 6 次防止挂机脚本滥用) Route::post('/room/{id}/heartbeat', [ChatController::class, 'heartbeat']) ->middleware('throttle:6,1') @@ -581,6 +589,16 @@ Route::middleware(['chat.auth', 'chat.has_position'])->prefix('admin')->name('ad Route::post('/{fishing}/toggle', [\App\Http\Controllers\Admin\FishingEventController::class, 'toggle'])->name('toggle'); Route::delete('/{fishing}', [\App\Http\Controllers\Admin\FishingEventController::class, 'destroy'])->name('destroy'); }); + + // ── 猜成语题库 ── + Route::prefix('idioms')->name('idioms.')->group(function () { + Route::get('/', [\App\Http\Controllers\Admin\IdiomController::class, 'index'])->name('index'); + Route::post('/', [\App\Http\Controllers\Admin\IdiomController::class, 'store'])->name('store'); + Route::put('/{idiom}', [\App\Http\Controllers\Admin\IdiomController::class, 'update'])->name('update'); + Route::post('/{idiom}/toggle', [\App\Http\Controllers\Admin\IdiomController::class, 'toggle'])->name('toggle'); + Route::delete('/{idiom}', [\App\Http\Controllers\Admin\IdiomController::class, 'destroy'])->name('destroy'); + Route::post('/settings', [\App\Http\Controllers\Admin\IdiomController::class, 'saveSettings'])->name('settings.save'); + }); }); // ────────────────────────────────────────────────────────────── diff --git a/storage/data/idioms.php b/storage/data/idioms.php new file mode 100644 index 0000000..6388000 --- /dev/null +++ b/storage/data/idioms.php @@ -0,0 +1,108 @@ + '画蛇添足', 'hint' => '🧩 四人比赛画蛇，最慢的那个反而多此一举。猜一成语'], + ['answer' => '守株待兔', 'hint' => '🧩 农夫不干活，天天蹲树桩旁等天上掉馅饼。猜一成语'], + ['answer' => '掩耳盗铃', 'hint' => '🧩 小偷以为捂住自己耳朵，别人就听不见铃铛响了。猜一成语'], + ['answer' => '亡羊补牢', 'hint' => '🧩 羊圈破了个洞，羊跑了几只才想起修。猜一成语'], + ['answer' => '刻舟求剑', 'hint' => '🧩 船上做了个记号就能在江里找回剑？猜一成语'], + ['answer' => '叶公好龙', 'hint' => '🧩 家里到处画龙雕龙，真龙来了却吓得屁滚尿流。猜一成语'], + ['answer' => '狐假虎威', 'hint' => '🧩 狐狸走在老虎前面，小动物们到底怕谁？猜一成语'], + ['answer' => '井底之蛙', 'hint' => '🧩 住在井里，却以为天空只有井口那么大。猜一成语'], + ['answer' => '对牛弹琴', 'hint' => '🧩 弹了一首好曲子，听众却在低头吃草。猜一成语'], + ['answer' => '杯弓蛇影', 'hint' => '🧩 酒杯里有个弯弯曲曲的东西在动，吓得大病一场。猜一成语'], + ['answer' => '鹤立鸡群', 'hint' => '🧩 一只长腿白鸟混进了院子里的小黄鸡中。猜一成语'], + ['answer' => '画龙点睛', 'hint' => '🧩 最后两笔点上后，墙上的龙竟然飞走了。猜一成语'], + ['answer' => '鸡飞蛋打', 'hint' => '🧩 偷鸡不成，竹篮打水一场空。猜一成语'], + ['answer' => '马到成功', 'hint' => '🧩 战旗一挥，马蹄刚踏出去就赢了。猜一成语'], + ['answer' => '虎头蛇尾', 'hint' => '🧩 开头气势如虹，结尾却草草收场。猜一成语'], + ['answer' => '龙飞凤舞', 'hint' => '🧩 王羲之喝醉了，笔下的字好像要飞起来。猜一成语'], + ['answer' => '鸡犬不宁', 'hint' => '🧩 闹得天翻地覆，连院子里的小动物都不得安生。猜一成语'], + ['answer' => '狼吞虎咽', 'hint' => '🧩 饿了三天的壮汉看到一碗面。猜一成语'], + ['answer' => '鱼目混珠', 'hint' => '🧩 地摊上有人拿玻璃球当夜明珠卖。猜一成语'], + ['answer' => '鼠目寸光', 'hint' => '🧩 只看得到眼前一寸的路，走远就迷路。猜一成语'], + ['answer' => '九牛一毛', 'hint' => '🧩 亿万富翁丢了一分钱，连弯腰捡都懒得捡。猜一成语'], + ['answer' => '如鱼得水', 'hint' => '🧩 刘备说：有了诸葛亮，就像什么回到了什么里？猜一成语'], + ['answer' => '鸟语花香', 'hint' => '🧩 春天来了，你能听到什么、闻到什么？猜一成语'], + ['answer' => '风花雪月', 'hint' => '🧩 才子佳人写的诗，看起来很美，其实没什么实际内容。猜一成语'], + ['answer' => '山清水秀', 'hint' => '🧩 桂林漓江边上，你能看到什么颜色？猜一成语'], + ['answer' => '水落石出', 'hint' => '🧩 水位下降后，河床下的东西藏不住了。猜一成语'], + ['answer' => '火中取栗', 'hint' => '🧩 猫爪子被烫伤了，猴子却在旁边偷笑吃栗子。猜一成语'], + ['answer' => '石破天惊', 'hint' => '🧩 一块石头裂开，伴随着一声巨响，所有人都惊呆了。猜一成语'], + ['answer' => '翻天覆地', 'hint' => '🧩 孙悟空大闹天宫后，凌霄宝殿变成了什么样？猜一成语'], + ['answer' => '开天辟地', 'hint' => '🧩 盘古拿着斧头，对着混沌用力一劈。猜一成语'], + ['answer' => '惊天动地', 'hint' => '🧩 汶川大地震那天，连天上的云都在颤抖。猜一成语'], + ['answer' => '花好月圆', 'hint' => '🧩 婚礼请柬上最常见的四个字祝福。猜一成语'], + ['answer' => '冰清玉洁', 'hint' => '🧩 她的品格像冬天的什么和深山里的什么？猜一成语'], + ['answer' => '海阔天空', 'hint' => '🧩 走出小县城，来到大都市，才发现世界有多大。猜一成语'], + ['answer' => '雪中送炭', 'hint' => '🧩 大冬天你最需要什么？有人偏偏就送来了什么。猜一成语'], + ['answer' => '锦上添花', 'hint' => '🧩 已经够漂亮了，还要再点缀一下。猜一成语'], + ['answer' => '落井下石', 'hint' => '🧩 有人掉坑里了，你不救也就算了，还往下面扔砖头。猜一成语'], + ['answer' => '纸上谈兵', 'hint' => '🧩 赵括说起兵法头头是道，上了战场却一败涂地。猜一成语'], + ['answer' => '胸有成竹', 'hint' => '🧩 画家文同还没下笔，心里已经有了完整的竹子。猜一成语'], + ['answer' => '一帆风顺', 'hint' => '🧩 出海前最想听到的一句祝福。猜一成语'], + ['answer' => '水到渠成', 'hint' => '🧩 不用刻意挖渠，水自然会找到它的路。猜一成语'], + ['answer' => '百发百中', 'hint' => '🧩 养由基站在百步之外射柳叶，箭无虚发。猜一成语'], + ['answer' => '一鸣惊人', 'hint' => '🧩 齐威王三年不上朝不理政，一出手就震惊了各国。猜一成语'], + ['answer' => '对答如流', 'hint' => '🧩 老师提问，他不用思考就说出答案，像江水一样不停。猜一成语'], + ['answer' => '顺手牵羊', 'hint' => '🧩 路过别人家门口，看到一只羊没人看管……猜一成语'], + ['answer' => '勇往直前', 'hint' => '🧩 前面是刀山火海，他眼睛都不眨一下继续走。猜一成语'], + ['answer' => '百折不挠', 'hint' => '🧩 被摔倒一百次，第一百零一次依然站起来。猜一成语'], + ['answer' => '持之以恒', 'hint' => '🧩 水滴不断地滴在石头上，千年后石头被滴穿了。猜一成语'], + ['answer' => '知己知彼', 'hint' => '🧩 孙子兵法说：了解自己又了解对方，百战不殆。猜一成语'], + ['answer' => '四面楚歌', 'hint' => '🧩 项羽被包围在垓下，四面八方都传来熟悉的歌声。猜一成语'], + ['answer' => '草木皆兵', 'hint' => '🧩 淝水之战中，苻坚看到山上的草和树，都以为是敌军。猜一成语'], + ['answer' => '一箭双雕', 'hint' => '🧩 长孙晟一箭射出去，两只大鸟应声落地。猜一成语'], + ['answer' => '背水一战', 'hint' => '🧩 韩信把军队放在河边列阵，断了所有人的退路。猜一成语'], + ['answer' => '声东击西', 'hint' => '🧩 明明要打左边，却装作全力进攻右边。猜一成语'], + ['answer' => '调虎离山', 'hint' => '🧩 想占老虎的老窝，得先把老虎引出去。猜一成语'], + ['answer' => '空城计', 'hint' => '🧩 诸葛亮大开城门，在城楼上弹琴，敌军反而不敢进城。猜一成语'], + ['answer' => '缓兵之计', 'hint' => '🧩 打不过怎么办？先假装谈判争取时间。猜一成语'], + ['answer' => '卧薪尝胆', 'hint' => '🧩 越王勾践每天睡在柴堆上，还要舔一口苦胆。猜一成语'], + ['answer' => '三顾茅庐', 'hint' => '🧩 刘备为了请一个人出山，大冬天跑了三趟。猜一成语'], + ['answer' => '望梅止渴', 'hint' => '🧩 曹操说前面有片梅林，士兵们嘴里都开始流口水了。猜一成语'], + ['answer' => '七步成诗', 'hint' => '🧩 曹植被亲哥哥逼着在很短的时间里写诗保命。猜一成语'], + ['answer' => '才高八斗', 'hint' => '🧩 谢灵运说：天下才华共一石，曹植独占八斗。猜一成语'], + ['answer' => '入木三分', 'hint' => '🧩 王羲之在木板上写字，墨迹渗入木头三分深。猜一成语'], + ['answer' => '一字千金', 'hint' => '🧩 吕不韦悬赏：谁能给《吕氏春秋》改动一个字，赏千金。猜一成语'], + ['answer' => '一诺千金', 'hint' => '🧩 季布的一句话，比黄金千两还贵重。猜一成语'], + ['answer' => '半途而废', 'hint' => '🧩 走到半山腰觉得累了，就转身下山了。猜一成语'], + ['answer' => '实事求是', 'hint' => '🧩 不夸大不缩小，是什么就是什么。猜一成语'], + ['answer' => '量力而行', 'hint' => '🧩 蚂蚁想搬走大象？先掂量掂量自己有几斤几两。猜一成语'], + ['answer' => '自相矛盾', 'hint' => '🧩 楚国人夸自己的矛能刺穿任何盾，又夸自己的盾什么都刺不穿。猜一成语'], + ['answer' => '买椟还珠', 'hint' => '🧩 花大价钱买了精美盒子，却把里面的珍珠还给了老板。猜一成语'], + ['answer' => '杞人忧天', 'hint' => '🧩 有个怪人天天担心天会塌下来，地会陷下去。猜一成语'], + ['answer' => '画饼充饥', 'hint' => '🧩 饿了看着墙上画的大饼，假装自己吃饱了。猜一成语'], + ['answer' => '空中楼阁', 'hint' => '🧩 没有地基，没有支柱，一座房子浮在云端。猜一成语'], + ['answer' => '异想天开', 'hint' => '🧩 有人想在天上种田，海里摘星星。猜一成语'], + ['answer' => '千方百计', 'hint' => '🧩 为了达到目的，把所有能想到的办法都用上了。猜一成语'], + ['answer' => '不计其数', 'hint' => '🧩 海边的沙子有多少？天上的星星有多少？猜一成语'], + ['answer' => '成千上万', 'hint' => '🧩 体育场里坐满了人，放眼望去黑压压一片。猜一成语'], + ['answer' => '独一无二', 'hint' => '🧩 世界上没有第二个一模一样的你。猜一成语'], + ['answer' => '举世闻名', 'hint' => '🧩 地球上有几个人，就有几个人知道他。猜一成语'], + ['answer' => '名不虚传', 'hint' => '🧩 听说很好吃，亲自尝了一口，果然名不虚传。不对，我说的就是～猜一成语'], + ['answer' => '名副其实', 'hint' => '🧩 大家都叫他「神算子」，他算卦确实从没错过。猜一成语'], + ['answer' => '引人入胜', 'hint' => '🧩 这本书太好看了，一翻开就停不下来，像被吸进去了一样。猜一成语'], + ['answer' => '身临其境', 'hint' => '🧩 VR眼镜里的世界太真实了，好像自己真的在里面。猜一成语'], + ['answer' => '迫不及待', 'hint' => '🧩 快递到了，鞋都没穿就跑下楼去拿。猜一成语'], + ['answer' => '争先恐后', 'hint' => '🧩 超市大减价，大门一开所有人都在往前冲。猜一成语'], + ['answer' => '如履薄冰', 'hint' => '🧩 每一步都小心翼翼，生怕脚下突然裂开。猜一成语'], + ['answer' => '小心翼翼', 'hint' => '🧩 手里捧着一个装满水的气球，大气都不敢喘。猜一成语'], + ['answer' => '心花怒放', 'hint' => '🧩 听到被录取的消息，心里像有千万朵花同时绽放。猜一成语'], + ['answer' => '欢天喜地', 'hint' => '🧩 过年了，小孩拿到压岁钱在大街上又蹦又跳。猜一成语'], + ['answer' => '眉开眼笑', 'hint' => '🧩 嘴角上扬，眼角弯弯，整张脸都在表达开心。猜一成语'], + ['answer' => '手舞足蹈', 'hint' => '🧩 听到最喜欢的歌，身体不由自主地跟着节奏动起来。猜一成语'], + ['answer' => '兴高采烈', 'hint' => '🧩 中彩票后，他整个人像打了鸡血一样。猜一成语'], + ['answer' => '得意忘形', 'hint' => '🧩 考了第一名就开始翘尾巴，连走路姿势都不一样了。猜一成语'], + ['answer' => '怒气冲天', 'hint' => '🧩 他气得头顶冒烟，火焰快要烧到天花板了。猜一成语'], + ['answer' => '火冒三丈', 'hint' => '🧩 听到这个消息，他脑袋上的火苗蹿得比房子还高。猜一成语'], + ['answer' => '心急如焚', 'hint' => '🧩 等结果的那几分钟，心脏像放在火上烤。猜一成语'], + ['answer' => '愁眉苦脸', 'hint' => '🧩 眉头拧成麻花，嘴角向下弯，整张脸写满了不开心。猜一成语'], + ['answer' => '泪如雨下', 'hint' => '🧩 他哭得比外面的倾盆大雨还要猛。猜一成语'], + ['answer' => '目瞪口呆', 'hint' => '🧩 看到 UFO 从头顶飞过，他张大了嘴巴一句话也说不出来。猜一成语'], + ['answer' => '惊弓之鸟', 'hint' => '🧩 被弓箭射过一次的鸟，听到弓弦声就吓得乱飞。猜一成语'], + ['answer' => '千钧一发', 'hint' => '🧩 一万斤的重物吊在一根头发丝上，随时会断。猜一成语'], + ['answer' => '愚公移山', 'hint' => '🧩 九十岁老头发誓要搬走门口的两座大山，子子孙孙无穷匮也。猜一成语'], +];