Japanese bilboquet (cup-and-ball game)'s game

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

No:159

491

←

Prev Next

→

Japanese bilboquet (cup-and-ball game)
Developer User2669｜Date and time 23/5/30 22:48:07
Build time 80.002 sec｜Game capacity 2.112KB｜

Script

Japanese bilboquet (cup-and-ball game)

This HTML file implements the game Kendama. The player bounces the kendama by clicking on the screen、Try to catch the ball as it hits the wall and bounces back. If you keep catching the ball for a certain amount of time, your score will be added. The game can be played on a smartphone and、Emojis are used extensively.

←

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 {
			margin: 0;
			padding: 0;
			background-color: lightblue;
			text-align: center;
			font-size: 50px;
		}
		#ken {
			width: 200px;
			height: 400px;
			background-color: white;
			border-radius: 20px;
			display: inline-block;
			position: absolute;
			bottom: 0;
			left: 50%;
			transform: translate(-50%, 0);
			box-shadow: 0 0 10px black;
		}
		#ball {
			width: 50px;
			height: 50px;
			border-radius: 25px;
			background-color: orange;
			position: absolute;
			top: 100px;
			left: 50%;
			transform: translate(-50%, 0);
			box-shadow: 0 0 10px black;
		}
	</style>
</head>
<body>
	<div id="ken"></div>
	<div id="ball"></div>
	<p>けん玉</p>
	<script>
		let ken = document.getElementById("ken");
		let ball = document.getElementById("ball");
		let speedX = 5;
		let speedY = 0;
		let g = 1;

let isMoving = false;

ken.addEventListener("click", function() {
			if (!isMoving) {
				speedY = -20;
				g = 1;
				isMoving = true;
			}
		});

setInterval(moveBall, 30);
	</script>
</body>
</html>

このHTMLファイルは「けん玉」というゲームを実装しています。プレイヤーは画面をクリックすることでけん玉を跳ね上げ、壁にぶつかって跳ね返るボールをキャッチしようとします。ボールを一定時間キャッチし続けるとスコアが加算されます。ゲームはスマホでもプレイ可能で、絵文字を多用しています。