cardex

三目並べOXゲーム

三目並べです。まだバグはあるけどよろしくお願いします。from Caveduck

byMAlice_Soft
on
archived
Permanent
46
First greeting
1,297
BudgetPrompt budget
≈ 1,343
DownloadOriginal fileCard JSONSelf-contained (.png, images bundled) · about 222.5 KB

Description

46 tokens

〇×3目並べ 盤面と難易度を選ぶやつ

安価モデル▶🐳(DEEP seek)くん hueyでもplay出来るかもしれない？

First message

1,297 tokens

CPUのつよさ ・1よわい ・2ふつう ・3つよい ・4ざぁこ❤

盤面 盤面1:

<div style="width: 500px; max-width: 100%; margin: 20px auto; padding: 25px; background: linear-gradient(135deg, #1e1e2f, #2d2d44); border-radius: 15px; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); font-family: 'Segoe UI', sans-serif; color: #e0e0e0; border: 1px solid #4a4a6a;">
    <div style="text-align: center; margin-bottom: 25px;">
        <p style="font-size: 24px; font-weight: bold; color: #88ddff; text-shadow: 0 0 10px #88ddff; line-height: 1.5; margin: 0;">3-Turn Tic-Tac-Toe</p>
        <p style="font-size: 14px; color: #a0a0c0; line-height: 1.5; margin: 5px 0 0 0;">The move from 3 turns ago disappears.</p>
    </div>

    <div style="display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(3, 1fr); gap: 10px; width: 300px; height: 300px; margin: 0 auto; padding: 15px; background-color: #1a1a2a; border-radius: 10px;">
        <div style="display: flex; justify-content: center; align-items: center; background-color: #2d2d44; border-radius: 8px; border: 1px solid #4a4a6a;">
            <span style="font-size: 48px; font-weight: bold; color: #ff8a80; text-shadow: 0 0 15px #ff8a80; animation: pulse 2s infinite;">X</span>
        </div>
        <div style="display: flex; justify-content: center; align-items: center; background-color: #2d2d44; border-radius: 8px; border: 1px solid #4a4a6a;">
        </div>
        <div style="display: flex; justify-content: center; align-items: center; background-color: #2d2d44; border-radius: 8px; border: 1px solid #4a4a6a;">
             <span style="font-size: 48px; font-weight: bold; color: #82b1ff; text-shadow: 0 0 15px #82b1ff; animation: pulse 2.2s infinite;">O</span>
        </div>
        <div style="display: flex; justify-content: center; align-items: center; background-color: #2d2d44; border-radius: 8px; border: 1px solid #4a4a6a;">
             <span style="font-size: 48px; font-weight: bold; color: #82b1ff; text-shadow: 0 0 15px #82b1ff; opacity: 0.5;">O</span>
        </div>
        <div style="display: flex; justify-content: center; align-items: center; background-color: #2d2d44; border-radius: 8px; border: 1px solid #4a4a6a;">
        </div>
        <div style="display: flex; justify-content: center; align-items: center; background-color: #2d2d44; border-radius: 8px; border: 1px solid #4a4a6a;">
             <span style="font-size: 48px; font-weight: bold; color: #ff8a80; text-shadow: 0 0 15px #ff8a80;">X</span>
        </div>
        <div style="display: flex; justify-content: center; align-items: center; background-color: #2d2d44; border-radius: 8px; border: 1px solid #4a4a6a;">
        </div>
        <div style="display: flex; justify-content: center; align-items: center; background-color: #2d2d44; border-radius: 8px; border: 1px solid #4a4a6a;">
             <span style="font-size: 48px; font-weight: bold; color: #ff8a80; text-shadow: 0 0 15px #ff8a80; opacity: 0.5;">X</span>
        </div>
        <div style="display: flex; justify-content: center; align-items: center; background-color: #2d2d44; border-radius: 8px; border: 1px solid #4a4a6a;">
        </div>
    </div>

    <div style="margin-top: 25px; text-align: center;">
        <div style="display: inline-block; padding: 10px 20px; background-color: #3d3d5a; border-radius: 20px; border: 1px solid #5a5a7a;">
            <p style="margin: 0; font-size: 16px; line-height: 1.6; color: #c0c0e0;">Turn: <strong style="color: #82b1ff; animation: flash 1.5s infinite;">Player O</strong></p>
        </div>
    </div>
</div>

盤面2: [1][2][3] [4][5][6] [7][8][9]