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

No:188

509

←

Prev Next

→

balls in ones basket
Developer User2908｜Date and time 23/6/6 2:17:42
Build time 50.313 sec｜Game capacity 1.969KB｜

Script

ball game in which balls are thrown into a basket on a high pole (played at sports festivals)

このアプリは「ball game in which balls are thrown into a basket on a high pole (played at sports festivals)」という名前で、Players score points by placing the basketball in the goal within a time limit. The game consists of 9 boards and、The ball placed in the goal changes color for a certain period of time. The score is displayed at the top of the screen. It can be operated with a smartphone.、The style makes extensive use of pictograms.

←

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-family: Arial, sans-serif;
			text-align: center;
		}
		h1 {
			font-size: 3em;
			margin-bottom: 0.5em;
		}
		#board {
			width: 90%;
			margin: 0 auto;
			background-color: #EEEEEE;
			border: 2px solid #999999;
			padding: 1em;
			border-radius: 1em;
			font-size: 2em;
			display: flex;
			flex-wrap: wrap;
			justify-content: center;
			align-items: center;
		}
		#board div {
			width: 25%;
			height: 0;
			padding-bottom: 25%;
			background-image: url('https://emojipedia-us.s3.amazonaws.com/source/skype/289/basketball-and-hoop_1f3c0.png');
			background-repeat: no-repeat;
			background-size: 80%;
			background-position: center;
			cursor: pointer;
		}
		#score {
			margin-top: 2em;
			font-size: 2em;
		}
	</style>
</head>
<body>
	<h1>玉入れゲーム</h1>
	<div id="board"></div>
	<div id="score">0</div>

for (let i = 0; i < 9; i++) {
			const div = document.createElement('div');
			board.appendChild(div);
			div.addEventListener('click', handleClick);
		}
	</script>
</body>
</html>

このアプリは「玉入れゲーム」という名前で、プレイヤーは制限時間内にバスケットボールをゴールに入れると得点が加算されます。ゲームは9個のボードで構成されており、ゴールに入れたボールは一定時間だけ色が変わります。スコアは画面上部に表示されます。スマホでも操作可能で、スタイルには絵文字が多用されています。