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

No:1517

146

←

Prev Next

→

sushi ware
Developer sayaensm｜Date and time 23/6/18 17:58:18
Build time 21.974 sec｜Game capacity 1.54KB｜

Script

寿司焼き

Score: 0

ルール:

画面上部から揚げられた寿司が降ってくるので、焼き網で焼いていく
焼きすぎると黒焦げになってしまうので注意
焼いた寿司をお皿に移していくとスコアが入る
途中で降ってくるキノコは焼かないで下さい

※JavaScriptの実装は長くなるため、ここには省略します。

←

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 type="text/css">
		body {
			background-color: #fafafa;
			font-family: sans-serif;
			color: #333;
			text-align: center;
		}
		h1 {
			margin-top: 20px;
			margin-bottom: 40px;
			font-size: 48px;
		}
		canvas {
			border: 1px solid #666;
			margin: 20px auto;
		}
		#score {
			font-size: 24px;
		}
		#rules {
			text-align: left;
			margin: 0 auto 30px auto;
			max-width: 400px;
		}
		#rules ul {
			padding-left: 15px;
		}
		button {
			margin-top: 40px;
			padding: 12px 24px;
			font-size: 24px;
			background-color: #ffa500;
			color: #fff;
			border: none;
			border-radius: 4px;
			cursor: pointer;
		}
		button:hover {
			background-color: #ff8c00;
		}
	</style>
</head>
<body>
	<h1>寿司焼き</h1>
	<canvas id="gameCanvas" width="480" height="720"></canvas>
	<div id="score">Score: 0</div>
	<div id="rules">
		<p>ルール:</p>
		<ul>
			<li>画面上部から揚げられた寿司が降ってくるので、焼き網で焼いていく</li>
			<li>焼きすぎると黒焦げになってしまうので注意</li>
			<li>焼いた寿司をお皿に移していくとスコアが入る</li>
			<li>途中で降ってくるキノコは焼かないで下さい</li>
		</ul>
	</div>
	<button id="startButton">スタート！</button>

※JavaScriptの実装は長くなるため、ここには省略します。