AI game creator

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

No:30765

←

Prev Next

→

Шутер
Developer User14921｜Date and time 23/12/24 3:36:53
Build time 29.353 sec｜Game capacity 5.264KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の人気グッズランキング

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

<!DOCTYPE html>
<html>
<head>
	<title>Шутер</title>
	<style>
		canvas {
			border: 1px solid black;
			background-color: #f1f1f1;
			display: block;
			margin: 0 auto;
		}
	</style>
</head>
<body>
	<canvas id="gameCanvas" width="400" height="400"></canvas>
	<script>
		document.addEventListener("DOMContentLoaded", function(event) {
			// Инициализация игры

var canvas = document.getElementById("gameCanvas");
			var context = canvas.getContext("2d");

var player = {
				x: canvas.width / 2,
				y: canvas.height - 30,
				width: 20,
				height: 20,
				speed: 5
			};

var bullets = [];
			var enemies = [];
			var score = 0;

// Загрузка изображений

var playerImage = new Image();
			playerImage.src = "pictograms/player.png";

var bulletImage = new Image();
			bulletImage.src = "pictograms/bullet.png";

var enemyImage = new Image();
			enemyImage.src = "pictograms/enemy.png";

// Управление

var leftPressed = false;
			var rightPressed = false;

document.addEventListener("keydown", keyDownHandler, false);
			document.addEventListener("keyup", keyUpHandler, false);

function keyDownHandler(event) {
				if (event.keyCode === 37) {
					leftPressed = true;
				} else if (event.keyCode === 39) {
					rightPressed = true;
				}
			}

function keyUpHandler(event) {
				if (event.keyCode === 37) {
					leftPressed = false;
				} else if (event.keyCode === 39) {
					rightPressed = false;
				}
			}

// Стрельба

var spacePressed = false;

document.addEventListener("keydown", spaceKeyDownHandler, false);
			document.addEventListener("keyup", spaceKeyUpHandler, false);

function spaceKeyDownHandler(event) {
				if (event.keyCode === 32) {
					spacePressed = true;
				}
			}

function spaceKeyUpHandler(event) {
				if (event.keyCode === 32) {
					spacePressed = false;
				}
			}

// Обработка столкновений

function detectCollision(object1, object2) {
				var object1Left = object1.x;
				var object1Right = object1.x + object1.width;
				var object1Top = object1.y;
				var object1Bottom = object1.y + object1.height;

var object2Left = object2.x;
				var object2Right = object2.x + object2.width;
				var object2Top = object2.y;
				var object2Bottom = object2.y + object2.height;

if (object1Left < object2Right &&
					object1Right > object2Left &&
					object1Top < object2Bottom &&
					object1Bottom > object2Top) {
					return true;
				}

return false;
			}

// Отрисовка игры

function drawGame() {
				context.clearRect(0, 0, canvas.width, canvas.height);

// Отрисовка игрока
				context.drawImage(playerImage, player.x, player.y, player.width, player.height);

// Отрисовка пуль
				for (var i = 0; i < bullets.length; i++) {
					context.drawImage(bulletImage, bullets[i].x, bullets[i].y, bullets[i].width, bullets[i].height);
				}

// Отрисовка противников
				for (var j = 0; j < enemies.length; j++) {
					context.drawImage(enemyImage, enemies[j].x, enemies[j].y, enemies[j].width, enemies[j].height);
				}

// Отрисовка счета
				context.font = "16px Arial";
				context.fillStyle = "#000";
				context.fillText("Score: " + score, 8, 20);
			}

// Обновление игры

function updateGame() {
				// Обновление позиции игрока
				if (leftPressed && player.x > 0) {
					player.x -= player.speed;
				} else if (rightPressed && player.x < canvas.width - player.width) {
					player.x += player.speed;
				}

// Обновление позиций пуль
				for (var i = 0; i < bullets.length; i++) {
					bullets[i].y -= bullets[i].speed;

if (bullets[i].y < 0) {
						// Удаление пуль за пределами экрана
						bullets.splice(i, 1);
						i--;
					}
				}

// Генерация новых противников
				if (Math.random() < 0.01) {
					var enemy = {
						x: Math.random() * (canvas.width - 40) + 20,
						y: 10,
						width: 20,
						height: 20,
						speed: 3
					};
					enemies.push(enemy);
				}

// Обновление позиций противников и проверка столкновений
				for (var j = 0; j < enemies.length; j++) {
					enemies[j].y += enemies[j].speed;

if (detectCollision(player, enemies[j])) {
						// Игрок столкнулся с противником
						alert("Игра окончена! Ваш счет: " + score);
						document.location.reload();
					}

for (var k = 0; k < bullets.length; k++) {
						if (detectCollision(bullets[k], enemies[j])) {
							// Пуля попала в противника
							enemies.splice(j, 1);
							j--;

bullets.splice(k, 1);
							k++;

score++;
						}
					}

if (enemies[j].y > canvas.height) {
						// Противник достиг нижней границы экрана
						enemies.splice(j, 1);
						j--;
					}
				}
			}

// Главный игровой цикл

function gameLoop() {
				drawGame();
				updateGame();
				requestAnimationFrame(gameLoop);
			}

gameLoop();
		});
	</script>
</body>
</html>