A game in which you have to defeat the diabolical developer Hisashi in a warriors fight.'s game

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

No:300

4004

←

Prev Next

→

A game in which you have to defeat the diabolical ..ALL
Developer どうスクのアプデ早くしろよ！🤬💢｜Date and time 23/6/11 21:15:33
Build time 39.301 sec｜Game capacity 3.271KB｜

Script

SCORE: 0

このゲームでは、プレイヤーは極悪非道の開発者ひさしを倒すために、空から降ってくるひさしのイラストを避けながら、落ちてくるひさしのイラストを打ち落とすことが目的です。プレイヤーは左右に移動することができます。ひさしのイラストに当たると、スコアが減少します。落ちてくるひさしのイラストを打ち落とすことができると、スコアが増加します。スマートフォンでも遊びやすいように、矢印キーで操作するようにしました。また、絵文字を多めに使用し、親しみやすさを意識しました。

←

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: #000000;
			color: #FFFFFF;
			font-family: sans-serif;
		}
		canvas {
			display: block;
			margin: auto;
			border: 2px solid #FFFFFF;
		}
		#score {
			position: absolute;
			top: 10px;
			left: 10px;
			font-size: 24px;
		}
	</style>
</head>
<body>
	<canvas id="gameCanvas" width="400" height="600"></canvas>
	<div id="score">SCORE: 0</div>
	<script type="text/javascript">
		var canvas = document.getElementById("gameCanvas");
		var ctx = canvas.getContext("2d");
		var score = 0;
		document.addEventListener("keydown", keyDownHandler, false);

// player
		var playerImg = new Image();
		playerImg.src = "http://www.clker.com/cliparts/x/Z/D/P/5/t/blue-stick-figure.svg";
		var player = {
			x: canvas.width/2,
			y: canvas.height-100,
			width: 50,
			height: 50,
			speed: 10
		};

// enemy
		var enemyImg = new Image();
		enemyImg.src = "https://www.flaticon.com/svg/static/icons/svg/616/616486.svg";
		var enemies = [];
		var enemiesSpeed = 5;

function keyDownHandler(e) {
			if (e.keyCode == 37) {
				player.x -= player.speed;
			} else if (e.keyCode == 39) {
				player.x += player.speed;
			}
		}

function drawPlayer() {
			ctx.drawImage(playerImg, player.x, player.y, player.width, player.height);
		}

function drawEnemies() {
			for (var i = 0; i < enemies.length; i++) {
				ctx.drawImage(enemyImg, enemies[i].x, enemies[i].y, enemies[i].width, enemies[i].height);
			}
		}

function spawnEnemies() {
			var enemy = {
				x: Math.random()*canvas.width,
				y: -50,
				width: 50,
				height: 50
			};
			enemies.push(enemy);
		}

function moveEnemies() {
			for (var i = 0; i < enemies.length; i++) {
				enemies[i].y += enemiesSpeed;
				if (enemies[i].y > canvas.height) {
					enemies.splice(i,1);
					score--;
				}
			}
		}

function drawGame() {
			ctx.clearRect(0, 0, canvas.width, canvas.height);
			drawPlayer();
			drawEnemies();
			ctx.fillText("SCORE: " + score, 10, 30);
			moveEnemies();
			detectCollisions();
		}

setInterval(spawnEnemies, 1000);
		setInterval(drawGame, 30);
	</script>
</body>
</html>