Juego de crear tu ciudad en 3d's game

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

No:41345

←

Prev Next

→

Juego de crear tu ciudad en 3d
Developer User18515｜Date and time 24/2/7 1:37:07
Build time 9.667 sec｜Game capacity 2.145KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在のプレゼントランキング

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

<!DOCTYPE html>
<html>
<head>
	<title>Juego de Crear tu Ciudad en 3D</title>
</head>
<body>
	<canvas id="gameCanvas"></canvas>

// Set canvas size
		canvas.width = window.innerWidth;
		canvas.height = window.innerHeight;

// Create city objects
		const buildings = [];
		buildings.push({ x: 200, y: canvas.height - 100, width: 150, height: 200 });
		buildings.push({ x: 450, y: canvas.height - 150, width: 100, height: 250 });
		buildings.push({ x: 800, y: canvas.height - 200, width: 200, height: 300 });

// Function to draw buildings
		function drawBuildings() {
			for (let i = 0; i < buildings.length; i++) {
				const building = buildings[i];
				ctx.fillStyle = "#777";
				ctx.fillRect(building.x, building.y, building.width, building.height);
				ctx.strokeStyle = "#222";
				ctx.lineWidth = 3;
				ctx.strokeRect(building.x, building.y, building.width, building.height);
			}
		}

// Function to handle touch/click events
		function handleClick(event) {
			const { clientX, clientY } = event.touches ? event.touches[0] : event;
			const rect = canvas.getBoundingClientRect();
			const touchX = clientX - rect.left;
			const touchY = clientY - rect.top;

// Check if the touch occurred inside a building
			for (let i = 0; i < buildings.length; i++) {
				const building = buildings[i];
				if (touchX >= building.x && touchX <= building.x + building.width
					 && touchY >= building.y && touchY <= building.y + building.height) {
					alert("¡Has seleccionado un edificio!");
					break; // Stop checking after finding one building
				}
			}
		}

// Event listener for touch/click events
		canvas.addEventListener("touchend", handleClick);
		canvas.addEventListener("click", handleClick);

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

// Call the draw function to display the buildings
			drawBuildings();

// Repeat the game loop
			requestAnimationFrame(gameLoop);
		}

// Start the game loop
		requestAnimationFrame(gameLoop);
	</script>
</body>
</html>