Space... canvas 330 by 320 grid 32 sectors,each sector whan enter is a canvas 320 by 320 grid 32 sectors,number each sector above canvas. Bellow canvas enter button to enter sector arrow, buttons to navigate, back button to return each sector is a random groop of color's game

Click here for free DL of the app version that can save data.

No:46891

107

←

Prev Next

→

Space... canvas 330 by 320 grid 32 sectors,each se..ALL
Developer User18896｜Date and time 24/2/26 12:27:36
Build time 8.926 sec｜Game capacity 2.404KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

Click here for free DL of the app version that can save data.

<!DOCTYPE html>
<html>
<head>
    <title>Color Maze Game</title>
    <style>
        canvas {
            border: 1px solid black;
        }
    </style>
</head>
<body>
    <canvas id="mainCanvas" width="320" height="320"></canvas>
    <br>
    <button id="enterSector">Enter Sector</button>
    <br>
    <button id="leftArrow">←</button>
    <button id="upArrow">↑</button>
    <button id="rightArrow">→</button>
    <button id="downArrow">↓</button>
    <br>
    <button id="backButton">Back</button>

drawSector();

document.getElementById('leftArrow').addEventListener('click', () => {
            currentSector--;
            if (currentSector < 1) currentSector = 32;
            drawSector();
        });

document.getElementById('rightArrow').addEventListener('click', () => {
            currentSector++;
            if (currentSector > 32) currentSector = 1;
            drawSector();
        });

document.getElementById('upArrow').addEventListener('click', () => {
            currentSector -= 8; // Move up 8 sectors
            if (currentSector < 1) currentSector += 32;
            drawSector();
        });

document.getElementById('downArrow').addEventListener('click', () => {
            currentSector += 8; // Move down 8 sectors
            if (currentSector > 32) currentSector -= 32;
            drawSector();
        });

document.getElementById('backButton').addEventListener('click', () => {
            currentSector = 1;
            drawSector();
        });
    </script>
</body>
</html>