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

No:130

341

←

Prev Next

→

Soccer penalty kicks
Developer ひさひさ｜Date and time 23/5/24 0:28:57
Build time 110.901 sec｜Game capacity 2.672KB｜

Script

Soccer penalty kicks

0 - 0

This application is、This game is based on soccer penalty kicks. Players are、Left、Central、Click one of the buttons on the right and、Decide the direction to kick the PK. For randomly generated goalkeeper moves、If you shoot in the right direction, your score will be added to the HTML file.、Background color and font size、Button design, etc.、We are particular about the appearance. Also、To make it easy to play on a mobile phone、Adjusted button placement and font size. Used more pictograms.、It creates a fun atmosphere.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋アプリランキング

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

<html>
<head>
	<meta charset="UTF-8">
	<title>サッカーのPK</title>
</head>
<body>
	<style>
		body {
			background-color: #4CAF50;
			display: flex;
			flex-direction: column;
			align-items: center;
			font-size: 2rem;
			color: #fff;
		}
		h1 {
			font-size: 4rem;
			margin: 0;
			padding: 1rem 0;
		}
		#score {
			display: flex;
			align-items: center;
			justify-content: center;
			margin-bottom: 1rem;
			background-color: #fff;
			color: #4CAF50;
			border-radius: 5rem;
			width: 10rem;
			height: 10rem;
			font-size: 5rem;
		}
		#goal {
			width: 20rem;
			height: auto;
			margin-bottom: 1rem;
		}
		#buttons {
			display: flex;
			align-items: center;
			justify-content: center;
			flex-wrap: wrap;
			width: 100%;
			max-width: 20rem;
		}
		button {
			margin: 1rem;
			padding: 2rem;
			background-color: #fff;
			color: #4CAF50;
			font-size: 2rem;
			border: none;
			border-radius: 1rem;
			cursor: pointer;
		}
	</style>
	<h1>サッカーのPK</h1>
	<div id="score">0 - 0</div>
	<img id="goal" src="https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/120/apple/237/soccer-goal_26f3.png" alt="goal">
	<div id="buttons">
		<button id="left">☜</button>
		<button id="center">⚪</button>
		<button id="right">☞</button>
	</div>

このアプリは、サッカーのPKを題材としたゲームです。プレイヤーは、「左」、「中央」、「右」のボタンのいずれかをクリックし、PKを蹴る方向を決めます。ランダムに生成されるゴールキーパーの動きに対して、正しい方向にシュートを決めるとスコアが加算されます。HTMLファイルには、背景色やフォントサイズ、ボタンのデザインなど、見た目にこだわりました。また、スマホでも遊びやすいよう、ボタンの配置やフォントサイズを調整しました。絵文字を多用して、楽しい雰囲気を演出しています。