Faça um simulador de colisão's game

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

No:43670

←

Prev Next

→

Faça um simulador de colisão
Developer User19229｜Date and time 24/2/16 6:19:59
Build time 12.264 sec｜Game capacity 4.249KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>Simulador de Colisão</title>
    <style>
        body {
            margin: 0;
            padding: 0;
            overflow: hidden;
        }

canvas {
            display: block;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas"></canvas>

function initialize() {
            // Configuração do jogo
            canvas = document.getElementById("gameCanvas");
            ctx = canvas.getContext("2d");
            canvas.width = window.innerWidth;
            canvas.height = window.innerHeight;

playerSize = 50;
            obstacleSize = 70;
            dx = 5;
            dy = 5;
            score = 0;

// Criação do jogador
            player = {
                x: canvas.width / 2 - playerSize / 2,
                y: canvas.height / 2 - playerSize / 2,
                width: playerSize,
                height: playerSize
            };

// Criação do obstáculo
            obstacle = {
                x: Math.random() * (canvas.width - obstacleSize),
                y: Math.random() * (canvas.height - obstacleSize),
                width: obstacleSize,
                height: obstacleSize
            };

// Event listener para controlar o jogador em dispositivos móveis
            canvas.addEventListener("touchstart", function (event) {
                var touchX = event.touches[0].clientX;
                var touchY = event.touches[0].clientY;

if (touchX < player.x + player.width && touchX > player.x && touchY < player.y + player.height && touchY > player.y) {
                    canvas.addEventListener("touchmove", touchMoveHandler, false);
                    canvas.addEventListener("touchend", touchEndHandler, false);
                }

}, false);
        }

function touchMoveHandler(event) {
            var touchX = event.touches[0].clientX;
            var touchY = event.touches[0].clientY;

player.x = touchX - player.width / 2;
            player.y = touchY - player.height / 2;

event.preventDefault();
        }

function touchEndHandler() {
            canvas.removeEventListener("touchmove", touchMoveHandler, false);
            canvas.removeEventListener("touchend", touchEndHandler, false);
        }

function drawPlayer() {
            ctx.beginPath();
            ctx.rect(player.x, player.y, player.width, player.height);
            ctx.fillStyle = "#0095DD";
            ctx.fill();
            ctx.closePath();
        }

function drawObstacle() {
            ctx.beginPath();
            ctx.rect(obstacle.x, obstacle.y, obstacle.width, obstacle.height);
            ctx.fillStyle = "#FF0000";
            ctx.fill();
            ctx.closePath();
        }

function detectCollision() {
            if (player.x < obstacle.x + obstacle.width &&
                player.x + player.width > obstacle.x &&
                player.y < obstacle.y + obstacle.height &&
                player.y + player.height > obstacle.y) {
                return true;
            }
            return false;
        }

function updateScore() {
            score++;
            document.getElementById("score").innerHTML = "Pontuação: " + score;
        }

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

drawPlayer();
            drawObstacle();

if (detectCollision()) {
                alert("Fim de Jogo! Pontuação: " + score);
                initialize();
            }

obstacle.x += dx;
            obstacle.y += dy;

if (obstacle.x < 0 || obstacle.x + obstacle.width > canvas.width) {
                dx = -dx;
            }

if (obstacle.y < 0 || obstacle.y + obstacle.height > canvas.height) {
                dy = -dy;
            }

requestAnimationFrame(gameLoop);
        }

// Início do jogo
        initialize();
        gameLoop();
    </script>
</body>
</html>