Kill The Mario Robert 8-Ball Character Free's game

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

No:41639

←

Prev Next

→

Kill The Mario Robert 8-Ball Character Free
Developer User18645｜Date and time 24/2/8 19:37:56
Build time 8.985 sec｜Game capacity 2.524KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>

<head>
    <title>Kill The Mario Robert 8-Ball Character Free</title>
    <style>
        canvas {
            border: 1px solid black;
        }
    </style>
</head>

// Initialize the game
        window.onload = function () {
            canvas = document.getElementById('gameCanvas');
            canvasContext = canvas.getContext('2d');

setInterval(updateAll, 1000 / 30);
        }

// Update game objects
        function updateAll() {
            moveAll();
            drawAll();
        }

// Move game objects
        function moveAll() {
            marioX += marioSpeedX;
            marioY += marioSpeedY;
            robertX += robertSpeedX;
            robertY += robertSpeedY;

if (marioX < 0 || marioX > canvas.width) {
                marioSpeedX *= -1;
            }
            if (marioY < 0 || marioY > canvas.height) {
                marioSpeedY *= -1;
            }

if (robertX < 0 || robertX > canvas.width) {
                robertSpeedX *= -1;
            }
            if (robertY < 0 || robertY > canvas.height) {
                robertSpeedY *= -1;
            }
        }

// Draw game objects
        function drawAll() {
            // Clear canvas
            colorRect(0, 0, canvas.width, canvas.height, 'black');

// Draw Mario
            colorCircle(marioX, marioY, 10, 'red');

// Draw Robert 8-Ball Character
            colorCircle(robertX, robertY, 20, 'blue');
        }

// Helper function to draw filled circle
        function colorCircle(centerX, centerY, radius, color) {
            canvasContext.fillStyle = color;
            canvasContext.beginPath();
            canvasContext.arc(centerX, centerY, radius, 0, Math.PI * 2, true);
            canvasContext.fill();
        }

// Helper function to draw filled rectangle
        function colorRect(topLeftX, topLeftY, boxWidth, boxHeight, fillColor) {
            canvasContext.fillStyle = fillColor;
            canvasContext.fillRect(topLeftX, topLeftY, boxWidth, boxHeight);
        }
    </script>
</body>

</html>