AI game creator

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

No:3049

1981

←

Prev Next

→

three-point shot
Developer User3657｜Date and time 23/6/23 15:04:18
Build time 17.914 sec｜Game capacity 1.629KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

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

<!DOCTYPE html>
<html>
<head>
	<title>スリーポイントシュート - バスケットボールゲーム</title>
	<style>
		body {
			background-color: #8FB8DE;
			font-family: Arial, sans-serif;
		}
		#court {
			display: block;
			margin: 0 auto;
			margin-top: 50px;
			height: 480px;
			width: 320px;
			background-image: url("https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/120/apple/285/basketball-and-hoop_1f3c0.png");
			background-size: contain;
			background-repeat: no-repeat;
			background-position: center;
		}
		#ball {
			position: absolute;
			top: 200px;
			left: 130px;
			height: 50px;
			width: 50px;
			background-image: url("https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/120/apple/285/basketball_1f3c0.png");
			background-size: contain;
			background-repeat: no-repeat;
			background-position: center;
		}
		#score {
			text-align: center;
			font-size: 32px;
			margin-top: 20px;
		}
	</style>
</head>
<body>
	<div id="court" onclick="shootBall()"></div>
	<div id="ball"></div>
	<div id="score">0</div>

function shootBall() {
			var repositionY = Math.floor(Math.random() * 200) + 100;
			ball.style.top = repositionY + "px";
			ball.style.left = "130px";
			var timeout = setTimeout(function() {
				ball.style.top = "200px";
				ball.style.left = "130px";
			}, 2000);

if (repositionY > 350) {
				score += 3;
			} else if (repositionY > 250) {
				score += 2;
			} else {
				score += 1;
			}

document.getElementById("score").innerHTML = score;
		}
	</script>

</body>
</html>