AI game creator

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

No:30825

←

Prev Next

→

Jogo estilo sonic
Developer User14945｜Date and time 23/12/24 7:04:35
Build time 10.12 sec｜Game capacity 2.786KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

<!DOCTYPE html>
<html>
<head>
<title>Jogo estilo Sonic</title>
<style>
    canvas {
        background-color: #000;
        display: block;
        margin: 0 auto;
    }
</style>
</head>
<body onload="startGame()">
    <script>
        // Inicialização do jogo
        var myGamePiece;
        
        function startGame() {
            myGamePiece = new component(30, 30, "yellow", 10, 120);
            myGameArea.start();
        }

// Criação da área de jogo
        var myGameArea = {
            canvas: document.createElement("canvas"),
            start: function() {
                this.canvas.width = window.innerWidth;
                this.canvas.height = window.innerHeight;
                this.context = this.canvas.getContext("2d");
                document.body.insertBefore(this.canvas, document.body.childNodes[0]);
                this.interval = setInterval(updateGameArea, 20);
                window.addEventListener('keydown', function(e) {
                    myGameArea.key = e.keyCode;
                });
                window.addEventListener('keyup', function(e) {
                    myGameArea.key = false;
                });
            },
            clear: function() {
                this.context.clearRect(0, 0, this.canvas.width, this.canvas.height);
            }
        }

// Criação de componentes do jogo
        function component(width, height, color, x, y) {
            this.width = width;
            this.height = height;
            this.speedX = 0;
            this.speedY = 0;
            this.x = x;
            this.y = y; 
            this.update = function() {
                ctx = myGameArea.context;
                ctx.fillStyle = color;
                ctx.fillRect(this.x, this.y, this.width, this.height);
            }
            this.newPos = function() {
                this.x += this.speedX;
                this.y += this.speedY;
            }
        }

// Atualização do jogo
        function updateGameArea() {
            myGameArea.clear();
            myGamePiece.speedX = 0;
            myGamePiece.speedY = 0;
            if (myGameArea.key && myGameArea.key == 37) {
                myGamePiece.speedX = -1; // Movimento para a esquerda
            }
            if (myGameArea.key && myGameArea.key == 39) {
                myGamePiece.speedX = 1; // Movimento para a direita
            }
            if (myGameArea.key && myGameArea.key == 38) {
                myGamePiece.speedY = -1; // Movimento para cima
            }
            if (myGameArea.key && myGameArea.key == 40) {
                myGamePiece.speedY = 1; // Movimento para baixo
            }
            myGamePiece.newPos();
            myGamePiece.update();
        }
    </script>
</body>
</html>