AI game creator

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

No:1995

3287

←

Prev Next

→

Alumni Games
Developer User1006｜Date and time 23/6/19 17:29:25
Build time 47.138 sec｜Game capacity 3.307KB｜

Script

What will you bring to your reunion?

This application is、From the answer to the question, What to bring to the reunion?、This is a game to diagnose what kind of personality you have. When you answer the questions、Messages and pictograms are displayed according to the results. Easy to operate on a smartphone、I use a lot of pictograms. Also、By pressing the button play again、You can play again.

←

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 {
			font-size: 2em;
			text-align: center;
			background-color: #fffed7;
		}
		.game {
			display: inline-block;
			margin-top: 50px;
			padding: 50px;
			background-color: #ffffff;
			box-shadow: 3px 3px 5px #999999;
			border-radius: 20px;
		}
		.question {
			font-size: 1.5em;
			margin-bottom: 20px;
		}
		.choices button {
			font-size: 1em;
			margin: 10px;
			padding: 10px;
			background-color: #eeeeee;
			border: none;
			border-radius: 10px;
			box-shadow: 2px 2px 3px #cccccc;
			cursor: pointer;
		}
		.choices button:hover {
			background-color: #dddddd;
		}
		.result {
			font-size: 1.5em;
			margin-top: 50px;
			text-align: center;
		}
		.result .emoji {
			font-size: 3em;
			margin-bottom: 20px;
		}
	</style>
</head>
<body>
	<div class="game">
		<div class="question">あなたは同窓会に何を持っていきますか？</div>
		<div class="choices">
			<button onclick="answer(1)">紅茶</button>
			<button onclick="answer(2)">アルコール</button>
			<button onclick="answer(3)">お菓子</button>
			<button onclick="answer(4)">思い出の品</button>
		</div>
	</div>
	<div class="result" id="result" style="display: none;">
		<div class="emoji"></div>
		<div class="message"></div>
		<button onclick="restart()">もう一度遊ぶ</button>
	</div>

var score = 0;

function answer(choice) {
			score += choice;
			document.querySelector('.game').style.display = 'none';
			document.querySelector('#result').style.display = 'block';
			document.querySelector('#result .emoji').innerHTML = results[score - 1].emoji;
			document.querySelector('#result .message').innerHTML = results[score - 1].message;
		}

function restart() {
			score = 0;
			document.querySelector('.game').style.display = 'inline-block';
			document.querySelector('#result').style.display = 'none';
			document.querySelector('#result .emoji').innerHTML = '';
			document.querySelector('#result .message').innerHTML = '';
		}
	</script>
</body>
</html>

このアプリは、「同窓会に何を持っていくか」という質問に対する回答から、どんな人柄かを診断するゲームです。質問に回答すると、その結果に応じたメッセージと絵文字が表示されます。スマホでも操作しやすく、絵文字をたくさん使っています。また、「もう一度遊ぶ」というボタンを押すことで、再度遊ぶことができます。