AI game creator

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

No:25723

←

Prev Next

→

Marble run
Developer User8708｜Date and time 23/11/24 6:26:22
Build time 87.422 sec｜Game capacity 2.503KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
	<title>Marble Run Game</title>
	<style>
		body {
			margin: 0;
			padding: 0;
			overflow: hidden;
		}
		
		canvas {
			display: block;
		}
	</style>
</head>
<body>
	<canvas id="gameCanvas"></canvas>

// Подгружаем изображения для пиктограмм
		var marbles = [];
		var marbleImages = new Array(3);
		marbleImages[0] = new Image();
		marbleImages[0].src = "marble_1.png";
		marbleImages[1] = new Image();
		marbleImages[1].src = "marble_2.png";
		marbleImages[2] = new Image();
		marbleImages[2].src = "marble_3.png";

// Объект мяча
		function Marble(x, y, image) {
			this.x = x;
			this.y = y;
			this.image = image;
			this.width = this.image.width;
			this.height = this.image.height;
		}

// Инициализация мячей
		function initializeMarbles() {
			for (var i = 0; i < 3; i++) {
				var x = Math.random() * (WIDTH - 50);
				var y = Math.random() * (HEIGHT - 50);
				var image = marbleImages[i];
				var marble = new Marble(x, y, image);
				marbles.push(marble);
			}
		}

// Отображение мячей на экране
		function drawMarbles() {
			for (var i = 0; i < marbles.length; i++) {
				var marble = marbles[i];
				ctx.drawImage(marble.image, marble.x, marble.y);
			}
		}

// Обновляем положение мячей
		function updateMarbles() {
			for (var i = 0; i < marbles.length; i++) {
				var marble = marbles[i];
				marble.x += Math.random() - 0.5;
				marble.y += Math.random() - 0.5;

// Ограничиваем мячи внутри экрана
				if (marble.x < 0) marble.x = 0;
				if (marble.x + marble.width > WIDTH) marble.x = WIDTH - marble.width;
				if (marble.y < 0) marble.y = 0;
				if (marble.y + marble.height > HEIGHT) marble.y = HEIGHT - marble.height;
			}
		}

// Основной игровой цикл
		function gameLoop() {
			ctx.clearRect(0, 0, WIDTH, HEIGHT);
			updateMarbles();
			drawMarbles();
			requestAnimationFrame(gameLoop); // Запускаем игровой цикл
		}

// Запускаем игру при загрузке страницы
		window.onload = function() {
			initializeMarbles();
			gameLoop();
		};
	</script>
</body>
</html>