Falsis Luci is a game of cocoon and purge.'s game

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

No:727

296

←

Prev Next

→

Falsis Luci is a game of cocoon and purge.
Developer りおパパ｜Date and time 23/6/17 14:58:30
Build time 35.644 sec｜Game capacity 2.781KB｜

Script

を作りました。ゲームの概要: サントラを聴きながら、ファルシのルシがコクーンでパージする様子を楽しめるゲームです。ルシの攻撃を回避して、可能な限り長い時間生き残ることが目的です。以下が実際のプログラムです：

サントラを聴きながら、ファルシのルシがコクーンでパージする様子を楽しめるゲーム！ルシの攻撃を回避して、可能な限り長い時間生き残ろう。

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームアプリランキング

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

を作りました。

ゲームの概要: サントラを聴きながら、ファルシのルシがコクーンでパージする様子を楽しめるゲームです。ルシの攻撃を回避して、可能な限り長い時間生き残ることが目的です。

以下が実際のプログラムです：

<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>ファルシのルシがコクーンでパージなゲーム</title>
	<style>
		body {
			text-align: center;
			font-size: 2em;
			background-color: #333;
			color: white;
			font-family: sans-serif;
			margin: 0;
			padding: 0;
		}
		canvas {
			margin: 0 auto;
			display: block;
			background-color: #555;
			border-radius: 10px;
			box-shadow: 0 0 10px #fff;
		}
	</style>
</head>
<body>
	<p>サントラを聴きながら、ファルシのルシがコクーンでパージする様子を楽しめるゲーム！ルシの攻撃を回避して、可能な限り長い時間生き残ろう。</p>

<canvas id="canvas">
		このブラウザはCanvasをサポートしていません。
	</canvas>

// パージの準備
		var lcie = new Image();
		lcie.src = "https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/120/apple/237/crystal-ball_1f52e.png";
		var x = 0;
		var y = 0;
		var vx = 5;
		var vy = 5;

// 音楽の再生
		var audio = new Audio("https://vgmdownloads.com/soundtracks/final-fantasy-xiii-original-soundtrack/iyenbcpf/101%20The%20Promise.mp3");
		audio.loop = true;
		audio.play();

// ゲームのメインループの開始
		var gameLoop = setInterval(function() {
			context.clearRect(0, 0, canvas.width, canvas.height);
			context.drawImage(lcie, x, y, 100, 100);

// ルシの移動
			x += vx;
			y += vy;

// 壁との衝突判定
			if(x + 100 > canvas.width || x < 0) {
				vx = -vx;
			}
			if(y + 100 > canvas.height || y < 0) {
				vy = -vy;
			}

// ゲームオーバーの判定
			if(x > canvas.width / 2 - 50 && x < canvas.width / 2 + 50 && y > canvas.height / 2 - 50 && y < canvas.height / 2 + 50) {
				clearInterval(gameLoop);
				alert("Game Over! The purge is complete.");
			}
		}, 10);

// ゲームの操作方法
		document.addEventListener("keydown", function(event) {
			// スマホで操作する場合は、キーコードをボタンに置き換える必要がある
			if(event.keyCode === 37) { // 左
				vx = -5;
			}
			if(event.keyCode === 38) { // 上
				vy = -5;
			}
			if(event.keyCode === 39) { // 右
				vx = 5;
			}
			if(event.keyCode === 40) { // 下
				vy = 5;
			}
		});
	</script>
</body>
</html>