Lead many colorful Pikmin with your fingers.'s game

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

No:10359

103

←

Prev Next

→

Lead many colorful Pikmin with your fingers.
Developer User4369｜Date and time 23/7/30 19:14:38
Build time 15.717 sec｜Game capacity 1.46KB｜

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 {
			width: 100vw;
			height: 100vh;
			background-color: #ddd;
			display: flex;
			justify-content: center;
			align-items: center;
		}
		#pikmin {
			font-size: 50px;
position:absolute;
		}
	</style>
</head>
<body>
	<div id="canvas">
		<span id="pikmin">🌼</span>
	</div>

// 画面中央の座標を取得
		const centerX = window.innerWidth / 2;
		const centerY = window.innerHeight / 2;

// ピクミンが押されているかどうかのフラグ
		let isPressed = false;

// ピクミンを移動させる関数
		function movePikmin(event) {
			// 押されている間だけ移動
			if (isPressed) {
				const x = event.touches[0].clientX - 200;
				const y = event.touches[0].clientY - 200;
				pikmin.style.transform = `translate3d(${x}px, ${y}px, 0)`;
			}
		}

// ピクミンが押された時の処理
		function pressPikmin(event) {
			isPressed = true;
		}

// ピクミンが離された時の処理
		function releasePikmin(event) {
			isPressed = false;
		}

// イベントリスナーの追加
		window.addEventListener("touchstart", pressPikmin);
		window.addEventListener("touchend", releasePikmin);
		window.addEventListener("touchmove", movePikmin);
	</script>
</body>
</html>