Make a riggy the rabbit monkey video game's game

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

No:52360

165

←

Prev Next

→

Make a riggy the rabbit monkey video game
Developer User21399｜Date and time 24/3/21 6:21:36
Build time 8.896 sec｜Game capacity 1.896KB｜

Script

This code creates a simple game where the player controls Riggy the Rabbit Monkey using the right and left arrow keys. The player must navigate Riggy to avoid reaching the edges of the canvas. The game continues indefinitely until the player closes the browser or refreshes the page.

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Riggy the Rabbit Monkey Game</title>
<style>
    body {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100vh;
        margin: 0;
    }
    canvas {
        border: 1px solid black;
    }
</style>
</head>
<body>
<canvas id="gameCanvas" width="400" height="400"></canvas>
<script>
    const canvas = document.getElementById('gameCanvas');
    const ctx = canvas.getContext('2d');

let riggyX = canvas.width / 2;
    let riggyY = canvas.height - 30;
    let riggySize = 20;
    let riggySpeed = 2;
    let dirX = 0;

function drawRiggy() {
        ctx.beginPath();
        ctx.arc(riggyX, riggyY, riggySize, 0, Math.PI * 2);
        ctx.fillStyle = 'brown';
        ctx.fill();
        ctx.closePath();
    }

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

function updateCanvas() {
        clearCanvas();
        drawRiggy();

riggyX += dirX * riggySpeed;

if (riggyX + riggySize > canvas.width || riggyX - riggySize < 0) {
            dirX = 0;
        }

requestAnimationFrame(updateCanvas);
    }

window.addEventListener('keyup', () => {
        dirX = 0;
    });

updateCanvas();
</script>
</body>
</html>
```
This code creates a simple game where the player controls Riggy the Rabbit Monkey using the right and left arrow keys. The player must navigate Riggy to avoid reaching the edges of the canvas. The game continues indefinitely until the player closes the browser or refreshes the page.