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

No:29773

147

←

Prev Next

→

>Chaos island 2 Play on a green island with yo..ALL
Developer Dooz studio｜Date and time 23/12/19 1:40:38
Build time 17.575 sec｜Game capacity 2.2KB｜

Script

Chaos Island 2 - Game

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
	<title>Chaos Island 2</title>
</head>
<body>
	<h1>Chaos Island 2 - Game</h1>
	<canvas id="gameCanvas" width="800" height="600"></canvas>
	<script>
		// Game initialization
		document.addEventListener("DOMContentLoaded", startGame);

// Game variables
		let canvas, ctx;
		let playerX, playerY;
		let naturalDisasterTimer;

function startGame() {
			canvas = document.getElementById("gameCanvas");
			ctx = canvas.getContext("2d");

playerX = canvas.width / 2;
			playerY = canvas.height / 2;

drawPlayer();

naturalDisasterTimer = setInterval(triggerNaturalDisaster, 10000);

// Listen for touch events on the canvas
			canvas.addEventListener("touchstart", handleTouchStart, false);
			canvas.addEventListener("touchmove", handleTouchMove, false);
		}

function drawPlayer() {
			ctx.fillStyle = "blue";
			ctx.fillRect(playerX, playerY, 50, 50);
		}

function clearCanvas() {
			ctx.clearRect(0, 0, canvas.width, canvas.height);
		}

function handleTouchStart(event) {
			event.preventDefault();
			let touchX = event.touches[0].pageX - canvas.offsetLeft;
			let touchY = event.touches[0].pageY - canvas.offsetTop;
			movePlayer(touchX, touchY);
		}

function handleTouchMove(event) {
			event.preventDefault();
			let touchX = event.touches[0].pageX - canvas.offsetLeft;
			let touchY = event.touches[0].pageY - canvas.offsetTop;
			movePlayer(touchX, touchY);
		}

function movePlayer(x, y) {
			playerX = x - 25;
			playerY = y - 25;
			clearCanvas();
			drawPlayer();
		}

function triggerNaturalDisaster() {
			let disasters = ["earthquake", "hurricane", "tsunami", "wildfire", "volcanic eruption"];
			let randomIndex = Math.floor(Math.random() * disasters.length);
			let disaster = disasters[randomIndex];

clearInterval(naturalDisasterTimer);
			endGame(disaster);
		}

function endGame(disaster) {
			document.removeEventListener("touchstart", handleTouchStart);
			document.removeEventListener("touchmove", handleTouchMove);

clearCanvas();
			ctx.fillStyle = "red";
			ctx.font = "30px Arial";
			ctx.fillText("You died in a " + disaster + "!", canvas.width / 2 - 150, canvas.height / 2);
		}
	</script>
</body>
</html>