Ren and Stimpy's Chocolate Chase (1993)'s game

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

No:29955

←

Prev Next

→

Ren and Stimpy's Chocolate Chase (1993)
Developer User14673｜Date and time 23/12/20 3:05:45
Build time 17.729 sec｜Game capacity 3.88KB｜

Script

Ren y Stimpy's Chocolate Chase (1993)

Puntuación: 0

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋グッズランキング

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

Ren y Stimpy's Chocolate Chase (1993)

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Ren y Stimpy's Chocolate Chase (1993)</title>
</head>
<body>
    <script>
        // Variables del juego
        var playerScore = 0;
        var obstaclePosition = 0;
        var gameRunning = false;

// Función para empezar el juego
        function startGame() {
            gameRunning = true;
            playerScore = 0;
            obstaclePosition = getRandomObstaclePosition();
            document.getElementById("score").innerHTML = playerScore;
            document.getElementById("obstacle").style.display = "block";
        }

// Función para detener el juego
        function stopGame() {
            gameRunning = false;
            document.getElementById("obstacle").style.display = "none";
            alert("¡Has perdido! Tu puntuación final es: " + playerScore);
        }

// Función para mover el jugador
        function movePlayer(direction) {
            if (!gameRunning) {
                return;
            }
            
            if (direction === "left") {
                document.getElementById("player").style.transform = "translateX(-30px)";
            } else if (direction === "right") {
                document.getElementById("player").style.transform = "translateX(30px)";
            }

checkCollision();
        }

// Función para verificar si hay colisión
        function checkCollision() {
            var playerPosition = document.getElementById("player").offsetLeft;
            if (playerPosition === obstaclePosition) {
                stopGame();
            } else {
                playerScore++;
                document.getElementById("score").innerHTML = playerScore;
                obstaclePosition = getRandomObstaclePosition();
            }
        }

// Función para obtener una posición aleatoria para el obstáculo
        function getRandomObstaclePosition() {
            // Se asume un rango de 3 posiciones posibles
            var randomPosition = Math.floor(Math.random() * 3);
            return 70 * randomPosition; // Cada posición tiene un ancho de 70px
        }
    </script>

<style>
        #game-board {
            width: 210px;
            height: 200px;
            border: 2px solid black;
            position: relative;
            margin: auto;
            margin-top: 100px;
        }

#player {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 40px;
            height: 40px;
            background-color: blue;
        }

#obstacle {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 40px;
            height: 40px;
            background-color: red;
            display: none;
        }

#score-container {
            text-align: center;
            margin-top: 20px;
        }
    </style>

<div id="game-board">
        <div id="player"></div>
        <div id="obstacle"></div>
    </div>
    <div id="score-container">
        Puntuación: <span id="score">0</span>
    </div>

<script>
        document.addEventListener("keydown", function(event) {
            if (event.key === "ArrowLeft") {
                movePlayer("left");
            } else if (event.key === "ArrowRight") {
                movePlayer("right");
            }
        });

document.addEventListener("keyup", function(event) {
            document.getElementById("player").style.transform = "translateX(0)";
        });

document.getElementById("game-board").addEventListener("click", function() {
            if (!gameRunning) {
                startGame();
            }
        });
    </script>
</body>
</html>