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

No:20896

A game to kick neymar junior
Developer User9165｜Date and time 23/10/11 22:39:13
Build time 160.399 sec｜Game capacity 4.905KB｜

Script

Jogo do Chute - Neymar Jr.

Seja um jogador e chute no Neymar!

←

Prev　Next

→ 　

Back　

[PR]現在の人気ゲームランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>Jogo do Chute - Neymar Jr.</title>
</head>
<body style="text-align: center;">
    <h1>Jogo do Chute - Neymar Jr.</h1>
    <h3>Seja um jogador e chute no Neymar!</h3>
    
    <canvas id="gameCanvas" width="400" height="400"></canvas>
    
    <script>
        // Variáveis do jogo
        var canvas;
        var canvasContext;
        var ballX = 200; // Posição horizontal da bola (inicialmente no centro)
        var ballY = 200; // Posição vertical da bola (inicialmente no centro)
        var ballSpeedX = 5; // Velocidade horizontal da bola
        var ballSpeedY = 5; // Velocidade vertical da bola
        var neymarX = 20; // Posição horizontal do Neymar (inicialmente à esquerda)
        var neymarY = 200; // Posição vertical do Neymar (inicialmente no meio)
        var neymarWidth = 50; // Largura do Neymar
        var neymarHeight = 80; // Altura do Neymar
        var score = 0; // Pontuação do jogador
        
        // Função para carregar o canvas e iniciar o jogo
        function gameStart() {
            canvas = document.getElementById('gameCanvas');
            canvasContext = canvas.getContext('2d');
            
            // A cada 30ms, atualiza a posição do Neymar, movimenta a bola e desenha o jogo
            setInterval(function() {
                moveNeymar();
                moveBall();
                drawGame();
            }, 30);
            
            // Evento de clique para chutar a bola
            canvas.addEventListener('click', function(event){
                kickBall(event);
            });
        }
        
        // Função para mover o Neymar com base na posição vertical da bola
        function moveNeymar() {
            var neymarCenter = neymarY + (neymarHeight / 2);
            
            if (neymarCenter < ballY - 35) {
                neymarY += 6; // Move para baixo
            } else if (neymarCenter > ballY + 35) {
                neymarY -= 6; // Move para cima
            }
        }
        
        // Função para movimentar a bola 
        function moveBall() {
            ballX += ballSpeedX;
            ballY += ballSpeedY;
            
            // Verifica se a bola bateu em alguma parede e inverte a direção
            if (ballY > canvas.height - 10 || ballY < 10) { 
                ballSpeedY *= -1;
            }
            
            // Verifica se a bola passou do Neymar para marcar um ponto
            if (ballX > canvas.width - neymarWidth) {
                if (ballY > neymarY && ballY < neymarY + neymarHeight) {
                    score++;
                } else {
                    score = 0; // Reinicia a pontuação se a bola passar sem ser defendida
                }
                
                // Reposiciona a bola no início
                ballX = 10;
                ballY = Math.random() * (canvas.height - 20) + 10;
                
                // Aumenta a velocidade da bola
                if (ballSpeedX >= 0) {
                    ballSpeedX += 1;
                } else {
                    ballSpeedX -= 1;
                }
                if (ballSpeedY >= 0) {
                    ballSpeedY += 1;
                } else {
                    ballSpeedY -= 1;
                }
            }
        }
        
        // Função para desenhar o jogo
        function drawGame() {
            // Limpa o canvas
            canvasContext.clearRect(0, 0, canvas.width, canvas.height);
            
            // Desenha o Neymar
            canvasContext.fillStyle = 'yellow';
            canvasContext.fillRect(neymarX, neymarY, neymarWidth, neymarHeight);
            
            // Desenha a bola
            canvasContext.fillStyle = 'black';
            canvasContext.beginPath();
            canvasContext.arc(ballX, ballY, 10, 0, Math.PI * 2, true);
            canvasContext.fill();
            
            // Desenha a pontuação
            canvasContext.fillStyle = 'white';
            canvasContext.fillText('Pontuação: ' + score, 10, 20);
        }
        
        // Função para chutar a bola ao ser clicada
        function kickBall(event) {
            var rect = canvas.getBoundingClientRect();
            var clickX = event.clientX - rect.left;
            var clickY = event.clientY - rect.top;
            
            if (clickX > neymarX && clickX < neymarX + neymarWidth &&
                clickY > neymarY && clickY < neymarY + neymarHeight) {
                // Aumenta a velocidade vertical da bola ao ser chutada 
                if (ballSpeedY > 0) {
                    ballSpeedY += 2;
                } else {
                    ballSpeedY -= 2;
                }
            }
        }
        
        // Inicia o jogo ao carregar a página
        window.onload = function() {
            gameStart();
        }
    </script>
</body>
</html>