A game to punish the developer Hisashi for neglecting the appeasement of DOSUKU.'s game

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

No:384

←

Prev Next

→

A game to punish the developer Hisashi for neglect..ALL
Developer どうスクのアプデ早くしろよ！🤬💢｜Date and time 23/6/13 15:13:36
Build time 77.04 sec｜Game capacity 5.611KB｜

Script

どうスクのアプデを放置した開発者ひさしが逃げ回っています。助けてひさしをお仕置きしましょう！

操作方法: 👉←移動, 👆ジャンプ

←

Prev　Next

→ 　

Back　

[PR]現在の人気ゲームランキング

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

<!DOCTYPE html>
<html lang="ja">
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>どうスクのアプデを放置した開発者ひさしをお仕置きするゲーム</title>
	<style>
		body {
			background-color: #ddd;
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: center;
			text-align: center;
			font-size: 1.5rem;
		}
		#game {
			background-color: white;
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: center;
			padding: 1rem;
			border: 0.2rem solid black;
			border-radius: 2rem;
			box-shadow: 0 0.4rem 0.8rem rgba(0, 0, 0, 0.2);
		}
		button {
			padding: 0.5rem 1rem;
			font-size: 1.2rem;
			margin: 0.5rem;
			border: 0.1rem solid black;
			border-radius: 1rem;
			background-color: #fff;
			box-shadow: 0 0.2rem 0.4rem rgba(0, 0, 0, 0.2);
			cursor: pointer;
		}
	</style>
</head>
<body>
	<div id="game">
		<p>どうスクのアプデを放置した開発者ひさしが逃げ回っています。助けてひさしをお仕置きしましょう！</p>
		<p>操作方法: <span>👉</span>←移動, <span>👆</span>ジャンプ</p>
		<button id="start-btn">スタート</button>
		<canvas id="canvas" width="600" height="400"></canvas>
	</div>
	<script>
		// ゲームの定数
		const GRAVITY = 0.5;
		const JUMP_SPEED = -10;
		const OBSTACLE_SPEED = -5;
		const OBSTACLE_INTERVAL = 80;
		const OBSTACLE_MIN_HEIGHT = 50;
		const OBSTACLE_MAX_HEIGHT = 200;
		const OBSTACLE_MIN_WIDTH = 50;
		const OBSTACLE_MAX_WIDTH = 100;
		const OBSTACLE_COLORS = ["#f00", "#0f0", "#00f", "#ff0", "#f0f", "#0ff"];

// ゲームの変数
		let canvas, ctx;
		let player, obstacles, score, isPlaying, timerId, obstacleTimerId;

// キー入力の取得
		const KEY = {LEFT: 37, UP: 38, RIGHT: 39, DOWN: 40};
		let isKeyDown = {};
		document.addEventListener("keydown", event => {
			isKeyDown[event.keyCode] = true;
		});
		document.addEventListener("keyup", event => {
			isKeyDown[event.keyCode] = false;
		});

// プレイヤークラス
		class Player {
			constructor(x, y, w, h, color) {
				this.x = x;
				this.y = y;
				this.w = w;
				this.h = h;
				this.color = color;
				this.vy = 0;
			}
			draw() {
				ctx.fillStyle = this.color;
				ctx.fillRect(this.x, this.y, this.w, this.h);
			}
			jump() {
				this.vy = JUMP_SPEED;
			}
			update() {
				// 重力
				this.vy += GRAVITY;
				this.y += this.vy;
				// 上端に到達したら跳ね返る
				if (this.y < 0) {
					this.y = 0;
					this.vy = -this.vy;
				}
				// 下端に到達したらゲームオーバー
				if (this.y > canvas.height - this.h) {
					gameover();
				}
				// 左移動
				if (isKeyDown[KEY.LEFT]) {
					this.x -= 5;
					if (this.x < 0) {
						this.x = 0;
					}
				}
				// 右移動
				if (isKeyDown[KEY.RIGHT]) {
					this.x += 5;
					if (this.x > canvas.width - this.w) {
						this.x = canvas.width - this.w;
					}
				}
			}
			collide(obstacle) {
				return (this.x < obstacle.x + obstacle.w) && (obstacle.x < this.x + this.w) && (this.y < obstacle.y + obstacle.h) && (obstacle.y < this.y + this.h)
			}
		}

// 障害物クラス
		class Obstacle {
			constructor(x, y, w, h, color, speed) {
				this.x = x;
				this.y = y;
				this.w = w;
				this.h = h;
				this.color = color;
				this.speed = speed;
			}
			draw() {
				ctx.fillStyle = this.color;
				ctx.fillRect(this.x, this.y, this.w, this.h);
			}
			update() {
				this.x += this.speed;
				if (this.x + this.w < 0) {
					obstacles.splice(obstacles.indexOf(this), 1);
				}
			}
		}

// ゲーム開始前の初期化
		function init() {
			canvas = document.getElementById("canvas");
			ctx = canvas.getContext("2d");
			player = new Player(50, canvas.height / 2, 30, 30, "#000");
			obstacles = [];
			score = 0;
			isPlaying = false;
			timerId = 0;
			obstacleTimerId = 0;
		}

// ゲーム開始
		function start() {
			isPlaying = true;
			timerId = setInterval(update, 1000 / 60);
			obstacleTimerId = setInterval(spawnObstacle, OBSTACLE_INTERVAL);
		}

// ゲーム終了
		function gameover() {
			clearInterval(timerId);
			clearInterval(obstacleTimerId);
			isPlaying = false;
			alert("Game Over! Score: " + score);
		}

// ゲーム更新
		function update() {
			// 画面のクリア
			ctx.clearRect(0, 0, canvas.width, canvas.height);
			// プレイヤーの更新
			player.update();
			player.draw();
			// 障害物の更新
			obstacles.forEach(obstacle => {
				obstacle.update();
				obstacle.draw();
				if (player.collide(obstacle)) {
					gameover();
				}
			});
			// スコアの更新
			score++;
			ctx.fillStyle = "#000";
			ctx.fillText("Score: " + score, 20, 40);
		}

// 障害物生成
		function spawnObstacle() {
			let x = canvas.width;
			let y = Math.floor(Math.random() * (canvas.height - OBSTACLE_MAX_HEIGHT - OBSTACLE_MIN_HEIGHT)) + OBSTACLE_MIN_HEIGHT;
			let w = Math.floor(Math.random() * (OBSTACLE_MAX_WIDTH - OBSTACLE_MIN_WIDTH)) + OBSTACLE_MIN_WIDTH;
			let h = Math.floor(Math.random() * (OBSTACLE_MAX_HEIGHT - OBSTACLE_MIN_HEIGHT)) + OBSTACLE_MIN_HEIGHT;
			let color = OBSTACLE_COLORS[Math.floor(Math.random() * OBSTACLE_COLORS.length)];
			let speed = OBSTACLE_SPEED;
			let obstacle = new Obstacle(x, y, w, h, color, speed);
			obstacles.push(obstacle);
		}

// イベントリスナーの登録
		window.addEventListener("load", () => {
			init();
			document.getElementById("start-btn").addEventListener("click", () => {
				if (!isPlaying) {
					start();
				}
			});
		});
	</script>
</body>
</html>