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

No:9492

133

←

Prev Next

→

Liver oil drop
Developer User1006｜Date and time 23/7/25 16:46:02
Build time 32.578 sec｜Game capacity 3.09KB｜

Script

肝油ドロップ

スマホを傾けて肝油ドロップを操作し、魚を避けていくゲームです。

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
	<title>肝油ドロップ</title>
</head>
<body>
	<h1>肝油ドロップ</h1>
	<p>スマホを傾けて肝油ドロップを操作し、魚を避けていくゲームです。</p>
	<canvas id="gameCanvas" width="400" height="600"></canvas>

init: function() {
				this.context = this.canvas.getContext("2d");

// 肝油ドロップの初期化
				this.drop = {
					x: this.canvas.width / 2,
					y: this.canvas.height / 2,
					radius: 20,
					color: "#f00",
					speedX: 0,
					speedY: 1,

draw: function() {
						game.context.beginPath();
						game.context.arc(this.x, this.y, this.radius, 0, Math.PI * 2);
						game.context.fillStyle = this.color;
						game.context.fill();
					},

update: function() {
						this.x += this.speedX;
						this.y += this.speedY;

if (this.x + this.radius > game.canvas.width || this.x - this.radius < 0) {
							this.speedX *= -1;
						}

if (this.y + this.radius > game.canvas.height || this.y - this.radius < 0) {
							this.speedY *= -1;
						}
					}
				};

// 魚の初期化
				for (var i = 0; i < 10; i++) {
					this.fishes.push({
						x: Math.random() * this.canvas.width,
						y: Math.random() * this.canvas.height,
						radius: 30,
						color: "#00f",
						speedX: 1,
						speedY: 1,

draw: function() {
							game.context.beginPath();
							game.context.arc(this.x, this.y, this.radius, 0, Math.PI * 2);
							game.context.fillStyle = this.color;
							game.context.fill();
						},

update: function() {
							this.x += this.speedX;
							this.y += this.speedY;

if (this.x + this.radius > game.canvas.width || this.x - this.radius < 0) {
								this.speedX *= -1;
							}

if (this.y + this.radius > game.canvas.height || this.y - this.radius < 0) {
								this.speedY *= -1;
							}
						}
					});
				}

this.start();
			},

start: function() {
				this.interval = setInterval(this.updateGameArea, 20);
			},

updateGameArea: function() {
				game.context.clearRect(0, 0, game.canvas.width, game.canvas.height);

game.drop.update();
				game.drop.draw();

for (var i = 0; i < game.fishes.length; i++) {
					game.fishes[i].update();
					game.fishes[i].draw();

if (game.collision(game.drop, game.fishes[i])) {
						game.stop();
					}
				}

game.score++;
				game.context.fillText("Score: " + game.score, 10, 20);
			},

stop: function() {
				clearInterval(this.interval);
				alert("GAME OVER\nScore: " + this.score);
				document.location.reload();
			},

collision: function(drop, fish) {
				var dx = drop.x - fish.x;
				var dy = drop.y - fish.y;
				var distance = Math.sqrt(dx * dx + dy * dy);

if (distance < drop.radius + fish.radius) {
					return true;
				}

return false;
			}
		};

// ゲームの初期化
		window.onload = function() {
			game.init();
		};
	</script>
</body>
</html>