Zombie Tower defense that you put towers to k○ll the zombies and the towers shoot's game | AI game creator

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

No:13020

106

Zombie Tower defense that you put towers to k○ll t..ALL
Developer User5637｜Date and time 23/8/26 6:42:29
Build time 16.502 sec｜Game capacity 2.903KB｜

→ 　

0　

0　

[PR]現在の本の売れ筋ランキング

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

(C)2023 HisashiApp

<!DOCTYPE html>
<html>
<head>
    <title>Zombie Tower Defense</title>
</head>
<body>
    <canvas id="gameCanvas" width="480" height="320"></canvas>

<script>
        // Variáveis do jogo
        var canvas;
        var canvasContext;
        var zombieX = 50;
        var zombieY = 50;
        var towerX = 30;
        var towerY = 30;
    
        // Função principal do jogo - called quando a página terminar de carregar
        function game() {
            canvas = document.getElementById('gameCanvas');
            canvasContext = canvas.getContext('2d');
    
            // Definindo a taxa de atualização da tela
            var framesPerSecond = 30;
            setInterval(updateAll, 1000 / framesPerSecond);
    
            // Chamando a função para desenhar o jogo
            drawAll();
        }
    
        // Função para atualizar todas as entidades do jogo
        function updateAll() {
            moveZombie();
        }
    
        // Função para desenhar o jogo
        function drawAll() {
            // Limpar a tela
            colorRect(0, 0, canvas.width, canvas.height, 'black');
    
            // Desenhar o zombie
            colorCircle(zombieX, zombieY, 10, 'green');
    
            // Desenhar a torre
            colorRect(towerX, towerY, 20, 20, 'gray');
        }
    
        // Função para desenhar retângulos
        function colorRect(topLeftX, topLeftY, boxWidth, boxHeight, fillColor) {
            canvasContext.fillStyle = fillColor;
            canvasContext.fillRect(topLeftX, topLeftY, boxWidth, boxHeight);
        }
    
        // Função para desenhar círculos
        function colorCircle(centerX, centerY, radius, fillColor) {
            canvasContext.fillStyle = fillColor;
            canvasContext.beginPath();
            canvasContext.arc(centerX, centerY, radius, 0, Math.PI * 2, true);
            canvasContext.fill();
        }
    
        // Função para mover o zombie horizontalmente
        function moveZombie() {
            zombieX += 5;
        }
    
        // Funções para controlar o movimento da torre usando touch no smartphone
        function moveTower(event) {
            var rect = canvas.getBoundingClientRect();
            towerX = event.touches[0].clientX - rect.left;
            towerY = event.touches[0].clientY - rect.top;
        }
    
        function touchStart(event) {
            event.preventDefault();
            canvas.addEventListener('touchmove', moveTower);
        }
    
        function touchEnd(event) {
            event.preventDefault();
            canvas.removeEventListener('touchmove', moveTower);
        }
    
        // Event listeners para touch no smartphone
        canvas.addEventListener('touchstart', touchStart);
        canvas.addEventListener('touchend', touchEnd);
    
        // Iniciar o jogo
        game();
    </script>
</body>
</html>