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

No:1783

807

←

Prev Next

→

Pops in pants and needs to hide it from pepole in ..ALL
Developer User3405｜Date and time 23/6/19 1:05:12
Build time 39.387 sec｜Game capacity 3.714KB｜

Script

。Playerは、パンツのポップを隠し続けることが必要です。様々な会話や行動を選択し、ポップがバレてしまわないようにすることが目的のゲームです。以下が、実際にプログラムで記述したコードです。絵文字を多めに使い、スマホで遊びやすいようにデザインしました。

Pops in Pants

←

Prev　Next

→ 　

Back　

[PR]現在のプレゼントランキング

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

。Playerは、パンツのポップを隠し続けることが必要です。様々な会話や行動を選択し、ポップがバレてしまわないようにすることが目的のゲームです。

以下が、実際にプログラムで記述したコードです。絵文字を多めに使い、スマホで遊びやすいようにデザインしました。

<!DOCTYPE html>
<html>
<head>
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Pops in Pants</title>
	<style>
		body {
			background-color: #D1F2EB;
			font-family: Arial, sans-serif;
			text-align: center;
			margin-top: 20px;
		}

h1 {
			color: #5DADE2;
		}

button {
			background-color: #5DADE2;
			border: none;
			color: white;
			padding: 10px 20px;
			text-align: center;
			display: inline-block;
			font-size: 16px;
			margin: 10px;
			border-radius: 5px;
			cursor: pointer;
		}

.game-text {
			background-color: white;
			padding: 20px;
			border-radius: 5px;
			margin-bottom: 20px;
			font-size: 18px;
		}

.choices {
			display: flex;
			flex-wrap: wrap;
			justify-content: center;
			margin-bottom: 20px;
		}

.choice {
			background-color: #FAD7A0;
			padding: 10px 20px;
			margin: 10px;
			border: none;
			color: white;
			border-radius: 5px;
			font-size: 16px;
			cursor: pointer;
		}

.hidden {
			display: none;
		}
	</style>
</head>
<body>
	<h1>Pops in Pants</h1>
	<div id="game-container">
		<p class="game-text"></p>
		<div class="choices"></div>
		<button id="start">Start</button>
	</div>
	<script>
		const gameText = document.querySelector(".game-text");
		const choices = document.querySelector(".choices");
		const startButton = document.querySelector("#start");

let playerScore = 0;
		let gameOver = false;

startButton.addEventListener("click", startGame);

function startGame() {
			startButton.classList.add("hidden");
			gameText.textContent = "You feel a pop in your pants. What do you do?";
			createChoices(["Go to the bathroom", "Act like nothing happened", "Leave the party"]);
		}

function createChoices(options) {
			options.forEach(option => {
				const choiceButton = document.createElement("button");
				choiceButton.classList.add("choice");
				choiceButton.textContent = option;
				choiceButton.addEventListener("click", () => selectOption(option));
				choices.appendChild(choiceButton);
			});
		}

function selectOption(option) {
			clearChoices();
			switch (option) {
				case "Go to the bathroom":
					goToBathroom();
					break;
				case "Act like nothing happened":
					actNormal();
					break;
				case "Leave the party":
					leaveParty();
					break;
			}
		}

function goToBathroom() {
			gameText.textContent = "You make your way to the bathroom and check your pants. It's definitely a pop, but you manage to clean it up without anyone noticing.";
			playerScore++;
			checkGameOver();
		}

function actNormal() {
			gameText.textContent = "You try to act casual, but the smell is too much. People start to notice and avoid you.";
			playerScore--;
			checkGameOver();
		}

function leaveParty() {
			gameText.textContent = "You decide to call it a night and head home. You can deal with the pop later.";
			checkGameOver();
		}

function clearChoices() {
			choices.innerHTML = "";
		}
	</script>
</body>
</html>