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

No:1778

1180

←

Prev Next

→

Placement Girl
Developer GOひろし｜Date and time 23/6/19 1:01:43
Build time 138.16 sec｜Game capacity 2.372KB｜

Script

放置少女

💃

Score: 0

Restart

【ゲームの概要】「放置少女」というタイトルのゲームで、画面に少女が表示され、タップすることで得点が加算されます。得点を競うゲームです。スマホで遊びやすく、絵文字を多めに用いています。また、画面下部には得点とリスタートボタンが表示され、高得点を目指すことができます。

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

<!DOCTYPE html>
<html>
<head>
	<title>放置少女</title>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<style>
		body {
			background-color: #f4f4f4;
			font-family: Arial, sans-serif;
			text-align: center;
			margin: 0;
		}
		
		h1 {
			font-size: 28px;
			margin-top: 50px;
			margin-bottom: 20px;
			color: #404040;
		}
		
		#game-container {
			background-color: #fff;
			max-width: 600px;
			margin: 0 auto;
			border: 1px solid #ccc;
			padding: 20px;
			box-sizing: border-box;
			text-align: center;
			position: relative;
		}
		
		#girl {
			position: absolute;
			bottom: 0;
			left: 50%;
			transform: translateX(-50%);
			animation: girl-move 5s ease-out infinite;
			text-align: center;
			font-size: 80px;
			cursor: pointer;
		}
		
		@keyframes girl-move {
			0% {bottom: 0;}
			30% {bottom: 100px;}
			70% {bottom: 100px;}
			100% {bottom: 0;}
		}
		
		#score {
			background-color: #f4f4f4;
			color: #404040;
			font-size: 24px;
			padding: 10px;
			margin-top: 20px;
		}
		
		#restart {
			background-color: #fff;
			color: #404040;
			font-size: 16px;
			border: 1px solid #ccc;
			padding: 10px 20px;
			border-radius: 20px;
			margin-top: 20px;
			cursor: pointer;
		}
		
	</style>
</head>
<body>
	<h1>放置少女</h1>
	<div id="game-container">
		<img src="https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/240/apple/285/school-backpack_1f392.png" alt="bag" width="100" height="100">
		<div id="girl" onclick="addScore()">💃</div>
		<div id="score">Score: 0</div>
		<div id="restart" onclick="restart()">Restart</div>
	</div>
	<script>
		let score = 0;
		let highscore = 0;
		
		function addScore() {
			score++;
			document.getElementById("score").innerHTML = "Score: " + score;
			if (score > highscore) {
				highscore = score;
			}
		}
		
		function restart() {
			score = 0;
			document.getElementById("score").innerHTML = "Score: " + score;
		}
	</script>
</body>
</html>

【ゲームの概要】
「放置少女」というタイトルのゲームで、画面に少女が表示され、タップすることで得点が加算されます。得点を競うゲームです。スマホで遊びやすく、絵文字を多めに用いています。また、画面下部には得点とリスタートボタンが表示され、高得点を目指すことができます。