Algebra Rush: Candy Run

by CosmicRanger46

66 lines2.6 KB

<!DOCTYPE html>
<html lang="id">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <title>Algebra Rush: Candy Run</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <div id="game-container">
        <!-- Canvas untuk Render 3D/2D Game -->
        <canvas id="gameCanvas"></canvas>

        <!-- Efek Hit & Heal Screen -->
        <div id="damage-overlay"></div>

        <!-- HUD (Heads Up Display) -->
        <div id="hud" class="hidden">
            <div class="hud-top">
                <div class="score-board">
                    <span id="score-text">Score: 0</span>
                    <span id="coin-text">💎 0</span>
                </div>
                <div class="health-board" id="health-bar">
                    ❤️ ❤️ ❤️
                </div>
            </div>
            <div class="boss-warning hidden" id="boss-warning">⚠️ BOSS BATTLE ⚠️</div>
        </div>

        <!-- Main Menu -->
        <div id="main-menu" class="ui-panel glass-panel">
            <h1 class="neon-text">Algebra Rush<br><span style="font-size: 0.5em; color: #fff;">Candy Run</span></h1>
            <p>Bantu Milo mengumpulkan crystal dan mengalahkan monster matematika!</p>
            <div class="controls-info">
                <p>💻 A/D atau ⬅️/➡️: Pindah Jalur</p>
                <p>💻 SPACE atau ⬆️: Lompat | ⬇️: Slide</p>
                <p>📱 Swipe Kiri/Kanan/Atas/Bawah</p>
            </div>
            <button id="start-btn" class="glow-btn">START GAME</button>
        </div>

        <!-- Question Modal -->
        <div id="question-modal" class="ui-panel glass-panel hidden">
            <h2 id="question-text">Loading Question...</h2>
            <div id="options-container" class="options-grid">
                <!-- Buttons akan digenerate dari JS -->
            </div>
            <div id="timer-bar"><div id="timer-fill"></div></div>
        </div>

        <!-- Game Over Screen -->
        <div id="game-over" class="ui-panel glass-panel hidden">
            <h1 class="neon-text" style="color: #ff4757;">Game Over</h1>
            <h2 id="final-score">Score: 0</h2>
            <h3 id="final-rank">Rank: C</h3>
            <button id="restart-btn" class="glow-btn">PLAY AGAIN</button>
        </div>
    </div>

    <!-- Pisahkan file JS sesuai request -->
    <script src="questions.js"></script>
    <script src="answers.js"></script>
    <script src="script.js"></script>
</body>
</html>

Game Source: Algebra Rush: Candy Run

Creator: CosmicRanger46

Libraries: none

Complexity: moderate (66 lines, 2.6 KB)

The full source code is displayed above on this page.

Remix Instructions

To remix this game, copy the source code above and modify it. Add a ARCADELAB header at the top with "remix_of: algebra-rush-candy-run-cosmicranger46" to link back to the original. Then publish at arcadelab.ai/publish.