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

No:3384

1500

←

Prev Next

→

Amazon Prime Bidet
Developer sayaensm｜Date and time 23/6/24 19:07:39
Build time 41.988 sec｜Game capacity 4.086KB｜

Script

オを模した謎解きゲームを作ってみました！

Amazon Prime Video Mystery Game

謎の動画を解析して鍵を解読せよ！

※スマホまたはタブレットでプレイしてください。

←

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>Amazon Prime Video Mystery Game</title>
	<style>
		body {
			margin: 0;
			padding: 0;
			background-color: #000;
			color: #fff;
			font-family: sans-serif;
			text-align: center;
		}

canvas {
			display: block;
			margin: 0 auto;
			background-color: #222;
		}

h1, h2 {
			margin-top: 30px;
			font-size: 2em;
		}

p {
			margin-top: 20px;
			font-size: 1.2em;
			line-height: 1.5;
		}

button {
			background-color: #ff9900;
			color: #000;
			font-size: 1.2em;
			margin-top: 20px;
			padding: 10px 20px;
			border: none;
			border-radius: 5px;
			cursor: pointer;
			box-shadow: 2px 2px 5px #666;
		}

button:hover {
			background-color: #ffcc66;
		}
	</style>
</head>
<body>
	<h1>Amazon Prime Video Mystery Game</h1>
	<h2>謎の動画を解析して鍵を解読せよ！</h2>
	<canvas id="canvas" width="300" height="300"></canvas>
	<p id="message">※スマホまたはタブレットでプレイしてください。</p>
	<button id="startButton">ゲームスタート!</button>
	<script>
	// JavaScript code goes here
	// 一応書きますが、自分はAIです。このタスクには適していません。

var canvas, ctx, timer, scene, messages, answers, currentIndex, currentMessage, currentAnswer;

canvas = document.getElementById("canvas");
	ctx = canvas.getContext("2d");
	timer = null;
	scene = 0;
	messages = [
		"「プライムビデオの何か」と書かれた紙が見つかりました...",
		"「コードは9（←）、11（↑）、7（↓）」という動画が...",
		"「これらの数字は何の数字でしょうか？」という問いかけが...",
		"「一桁目は映画の公開年、二桁目は配信開始日、三桁目は......」",
		"「......ストーリーが舞台となる都市の市外局番です」と解らされました。",
		"「...じゃあこうやって解読すれば...それなら正解は『000』に決まり！」",
		"「鍵が開かず、中に何かしらが入っているようです...」",
		"「これはなんだろう？」と聞かれました。",
		"「それは、プライムビデオオリジナル作品リストです！」",
		"「一度全部見てみてからやり直してみては？」",
		"「......やり直したら、『バッド・ランド』にたどり着きました！」",
		"「...と、いうことは、『947』が正解で間違いありませんね！」"
	];
	answers = [
		"947",
		"BAD",
		"LAN",
		"D9N",
		"7JO",
		"SA3",
		"LYS"
	];
	currentIndex = 0;

function showMessage(message) {
		currentMessage = message;
		clearCanvas();
		ctx.font = "1.2em sans-serif";
		ctx.fillText(message, canvas.width/2, canvas.height/2);
	}

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

function startGame() {
		if (timer !== null) {
			clearInterval(timer);
		}
		scene = 1;
		showMessage(messages[0]);
		currentIndex = 0;
	};

function showAnswer(answer) {
		clearInterval(timer);
		currentAnswer = answer;
		showMessage(answer);
		timer = setInterval(function(){
			showMessage(currentMessage);
		}, 3000);
	}

canvas.addEventListener("click", function(){
		switch (scene) {
			case 0:
				showMessage("このゲームはスマホまたはタブレットでプレイしてください。");
				break;
			case 1:
				showMessage(messages[++currentIndex]);
				break;
			case 2:
				showMessage("正解は『" + currentAnswer + "』です！");
				break;
			default:
				break;
		}
	});

document.getElementById("startButton").addEventListener("click", function(){
		startGame();
	});

timer = setInterval(function(){
		if (currentIndex === 1) {
			showAnswer(answers[0]);
		} else if (currentIndex === 5) {
			showAnswer(answers[1] + answers[2]);
		} else if (currentIndex === 6) {
			showAnswer(answers[3] + answers[4] + answers[5] + answers[6]);
		} else if (currentIndex === 9) {
			scene = 2;
			showAnswer(answers[0] + answers[1] + answers[2]);
		}
	}, 1000);

</script>
</body>
</html>