The Void Of Terror v0.1 beta's game

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

No:13645

←

Prev Next

→

The Void Of Terror v0.1 beta
Developer User5977｜Date and time 23/8/29 6:25:35
Build time 13.246 sec｜Game capacity 3.053KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在のゲームギフトランキング

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

<!DOCTYPE html>
<html lang="pt">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>The Void Of Terror v0.1 beta</title>
</head>
<body>
    <canvas id="gameCanvas" width="800" height="600"></canvas>

start() {
                document.addEventListener("keydown", (event) => this.handleKeyPress(event));
                document.addEventListener("keyup", (event) => this.handleKeyRelease(event));
                requestAnimationFrame(() => this.update());
            }

update() {
                this.updatePlayer();
                this.draw();
                requestAnimationFrame(() => this.update());
            }

updatePlayer() {
                if (this.pressedKeys["ArrowUp"]) {
                    this.player.y -= this.player.speed;
                }
                if (this.pressedKeys["ArrowDown"]) {
                    this.player.y += this.player.speed;
                }
                if (this.pressedKeys["ArrowLeft"]) {
                    this.player.x -= this.player.speed;
                }
                if (this.pressedKeys["ArrowRight"]) {
                    this.player.x += this.player.speed;
                }

// Check boundaries
                if (this.player.x < 0) {
                    this.player.x = 0;
                }
                if (this.player.x + this.player.size > this.canvas.width) {
                    this.player.x = this.canvas.width - this.player.size;
                }
                if (this.player.y < 0) {
                    this.player.y = 0;
                }
                if (this.player.y + this.player.size > this.canvas.height) {
                    this.player.y = this.canvas.height - this.player.size;
                }
            }

draw() {
                this.context.clearRect(0, 0, this.canvas.width, this.canvas.height);
                this.context.fillStyle = this.player.color;
                this.context.fillRect(this.player.x, this.player.y, this.player.size, this.player.size);
            }

handleKeyPress(event) {
                this.pressedKeys[event.key] = true;
            }

handleKeyRelease(event) {
                this.pressedKeys[event.key] = false;
            }
        }

// Initializing and starting the game
        const game = new Game("gameCanvas");
        game.start();
    </script>
</body>
</html>