Roblox, main menu with games, on top right corner says "sign up", tower of heck, adopt me, piggy, eat sand, click on games's game

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

No:37627

←

Prev Next

→

Roblox, main menu with games, on top right corner ..ALL
Developer User17064｜Date and time 24/1/21 6:51:26
Build time 13.722 sec｜Game capacity 4.419KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいゲームランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>Roblox Game Menu</title>
</head>
<body>
    <canvas id="gameCanvas" style="border:1px solid #000000;"></canvas>

// Menu state
        var currentMenu = "main";
    
        // Game objects
        var games = [
            { name: "Tower of Heck", img: "tower.png", url: "towerofheck.html" },
            { name: "Adopt Me", img: "adoptme.png", url: "adoptme.html" },
            { name: "Piggy", img: "piggy.png", url: "piggy.html" },
            { name: "Eat Sand", img: "eatsand.png", url: "eatsand.html" }
        ];

// Load game images
        var imagesLoaded = 0;
        var totalImages = games.length;

for (var i = 0; i < games.length; i++) {
            var img = new Image();
            img.src = games[i].img;

img.onload = function() {
                imagesLoaded++;

if (imagesLoaded === totalImages) {
                    startGame();
                }
            };

games[i].imgObj = img;
        }

// Event listeners for touch input
        canvas.addEventListener("touchstart", handleTouchStart);
        canvas.addEventListener("touchend", handleTouchEnd);

var touchStartPos;

function handleTouchStart(event) {
            touchStartPos = event.touches[0].clientY;
        }

function handleTouchEnd(event) {
            var touchEndPos = event.changedTouches[0].clientY;
            var touchDiff = touchEndPos - touchStartPos;

if (touchDiff < -50) {
                if (currentMenu === "main") {
                    currentMenu = "games";
                }
            } else if (touchDiff > 50) {
                if (currentMenu === "games") {
                    currentMenu = "main";
                }
            } else {
                var touchX = event.changedTouches[0].clientX;
                var touchY = event.changedTouches[0].clientY;

if (currentMenu === "main" && touchX >= canvas.width - 100 && touchY <= 100) {
                    alert("Sign up clicked!");
                } else if (currentMenu === "games") {
                    for (var i = 0; i < games.length; i++) {
                        var game = games[i];

if (touchX >= game.x && touchX <= game.x + 100 && touchY >= game.y && touchY <= game.y + 100) {
                            alert("Launching " + game.name + "!");
                            window.location.href = game.url;
                            break;
                        }
                    }
                }
            }
        }

// Game loop
        function startGame() {
            gameInterval = setInterval(updateGameArea, 20);
        }

function updateGameArea() {
            clearCanvas();
            drawMenu();

if (currentMenu === "games") {
                drawGames();
            }
        }

function clearCanvas() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);
        }

function drawMenu() {
            ctx.fillStyle = "black";
            ctx.font = "30px Arial";
            ctx.fillText("Roblox", 20, 50);

if (currentMenu === "main") {
                ctx.fillStyle = "blue";
                ctx.font = "20px Arial";
                ctx.fillText("Sign Up", canvas.width - 90, 50);
            } else if (currentMenu === "games") {
                ctx.fillStyle = "black";
                ctx.font = "30px Arial";
                ctx.fillText("Games", 20, 100);
            }
        }

function drawGames() {
            var gameX = 50;
            var gameY = 120;

for (var i = 0; i < games.length; i++) {
                var game = games[i];

ctx.drawImage(game.imgObj, gameX, gameY, 100, 100);

ctx.fillStyle = "black";
                ctx.font = "20px Arial";
                ctx.fillText(game.name, gameX, gameY + 120);

game.x = gameX;
                game.y = gameY;

gameX += 160;

if (gameX + 100 > canvas.width - 50) {
                    gameX = 50;
                    gameY += 200;
                }
            }
        }
    </script>
</body>
</html>