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

No:31

363

←

Prev Next

→

Basketball without text
Developer anonymous｜Date and time 23/5/2 0:15:52
Build time 41.961 sec｜Game capacity 1.882KB｜

Script

Basketball Game

Try to score by clicking the shoot button when the ball is in the basket!

Now, let’s interpret the following text without words:

[🦜🔨🐘🧊] 🦁: "Hey, have you seen my hat around here?"

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋Kindle本ランキング

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

<!DOCTYPE html>
<html>
<head>
	<title>Basketball Game</title>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<style>
		body {
			background-color: #F5F5F5;
			font-family: Arial, sans-serif;
			text-align: center;
			margin-top: 50px;
		}

h1 {
			color: #FF4500;
			font-size: 2.5em;
			margin-bottom: 50px;
		}

#basket {
			display: inline-block;
			position: relative;
			width: 100px;
			height: 100px;
			border-radius: 50%;
			background-color: #FFD700;
			margin-top: 30px;
		}

#ball {
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
			width: 30px;
			height: 30px;
			border-radius: 50%;
			background-color: #FF4500;
			animation: ballMove 1s linear infinite;
		}

@keyframes ballMove {
			0% { top: 50%; left: 50%; }
			25% { top: 30%; left: 40%; }
			50% { top: 10%; left: 50%; }
			75% { top: 30%; left: 60%; }
			100% { top: 50%; left: 50%; }
		}

button {
			padding: 10px 20px;
			background-color: #FF4500;
			border: none;
			border-radius: 5px;
			color: #fff;
			font-weight: bold;
			font-size: 1.2em;
			cursor: pointer;
			margin-top: 50px;
		}

button:hover {
			background-color: #FF6347;
		}
	</style>
</head>
<body>
	<h1>Basketball Game</h1>

<button onclick="alert('Score: 10')">Shoot!</button>

<p>Try to score by clicking the shoot button when the ball is in the basket!</p>

<p>Now, let's interpret the following text without words:</p>

<p>[🦜🔨🐘🧊] 🦁: "Hey, have you seen my hat around here?"</p>