five nights at fredbear's game

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

No:31131

←

Prev Next

→

five nights at fredbear
Developer User15028｜Date and time 23/12/25 7:22:32
Build time 24.2 sec｜Game capacity 3.346KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <title>Five Nights at Fredbear</title>
    <style>
        body {
            margin: 0;
            padding: 0;
            display: flex;
            align-items: center;
            justify-content: center;
            height: 100vh;
            background-color: #000;
        }
        
        canvas {
            border: 1px solid #fff;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="800" height="600"></canvas>

let fredbearImage = new Image();
        let playerImage = new Image();

fredbearImage.src = "path_to_fredbear_image";
        playerImage.src = "path_to_player_image";

let fredbear = {
            x: canvas.width / 2 - 50,
            y: canvas.height / 2 - 50,
            width: 100,
            height: 100,
            image: fredbearImage
        };

let player = {
            x: canvas.width / 2 - 25,
            y: canvas.height / 2 - 25,
            width: 50,
            height: 50,
            image: playerImage
        };

let isPlayerMovingUp = false;
        let isPlayerMovingDown = false;
        let isPlayerMovingLeft = false;
        let isPlayerMovingRight = false;

document.addEventListener("keydown", keyDownHandler, false);
        document.addEventListener("keyup", keyUpHandler, false);

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

ctx.drawImage(fredbear.image, fredbear.x, fredbear.y, fredbear.width, fredbear.height);
            ctx.drawImage(player.image, player.x, player.y, player.width, player.height);

requestAnimationFrame(draw);
        }

function update() {
            if (isPlayerMovingUp) {
                player.y -= 5;
            } else if (isPlayerMovingDown) {
                player.y += 5;
            }

if (isPlayerMovingLeft) {
                player.x -= 5;
            } else if (isPlayerMovingRight) {
                player.x += 5;
            }

requestAnimationFrame(update);
        }

fredbearImage.onload = draw;
        playerImage.onload = update;
    </script>
</body>
</html>