Brave game A game where you control \"Brave\" and defeat the enemy. There are \"heroes\" and \"enemies\" on the screen. You can move \"Hero\" with the four-way controller, and \"Hero\" can "attack" with the SPACE key. When attacking, the \"enemy\" in front of the \"hero\" will disappear with an effect, and score will be obtained. The enemy is moving slowly, and if the \"hero\" touches the \"enemy\", the game is over. Also, the \"enemy\" is emitting barrage, and if you touch it, it's game over.'s game

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

No:2308

9921

←

Prev Next

→

Brave game A game where you control \"Brave\" and ..ALL
Developer anonymous｜Date and time 70/1/1 10:53:06
Build time unknown sec｜Game capacity 6.786KB｜

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 name="viewport" content="width=device-width, initial-scale=1.0">
	<title>勇者ゲーム</title>
	<style>
		body {
			font-size: 50px;
			text-align: center;
		}
		#yusha {
			position: absolute;
			left: 50%;
			top: 50%;
			transform: translate(-50%, -50%);
		}
		#tama {
			position: absolute;
			background-color: red;
			border-radius: 50%;
			height: 20px;
			width: 20px;
		}
	</style>
</head>
<body onload="setup()">
	<div id="yusha">🤺</div>
	<div id="score" style="position: fixed; top: 0; right: 0;">SCORE: 0</div>

function setup() {
			document.addEventListener('keydown', keyDownHandler);
			tama_interval = setInterval(fireTama, 1000);
			moveEnemies();
		}

function keyDownHandler(e) {
			switch(e.key) {
				case 'ArrowUp':
					moveUp();
					break;
				case 'ArrowDown':
					moveDown();
					break;
				case 'ArrowLeft':
					moveLeft();
					break;
				case 'ArrowRight':
					moveRight();
					break;
				case ' ':
					attack();
					break;
			}
		}

function moveUp() {
			let y = parseInt(window.getComputedStyle(yusha).getPropertyValue("top"));
			if (y > 0) {
				yusha.style.top = y - chara_size + "px";
			}
		}

function moveDown() {
			let y = parseInt(window.getComputedStyle(yusha).getPropertyValue("top"));
			if (y < gameAreaHeight) {
				yusha.style.top = y + chara_size + "px";
			}
		}

function moveLeft() {
			let x = parseInt(window.getComputedStyle(yusha).getPropertyValue("left"));
			if (x > 0) {
				yusha.style.left = x - chara_size + "px";
			}
		}

function moveRight() {
			let x = parseInt(window.getComputedStyle(yusha).getPropertyValue("left"));
			if (x < gameAreaWidth) {
				yusha.style.left = x + chara_size + "px";
			}
		}

function attack() {
			let x = parseInt(window.getComputedStyle(yusha).getPropertyValue("left"));
			let y = parseInt(window.getComputedStyle(yusha).getPropertyValue("top"));

let tama = document.createElement('div');
			tama.id = 'tama';
			tama_left = x + (chara_size / 2) - 10;
			tama_top = y - 20;
			tama.style.left = tama_left + "px";
			tama.style.top = tama_top + "px";
			document.body.appendChild(tama);
			setTimeout(removeTama, 1000);
		}

function fireTama() {
			let enemies = document.getElementsByClassName('enemy');
			if (enemies.length === 0) {
				return;
			}

let rand_enemy = Math.floor(Math.random() * enemies.length);
			let enemy = enemies[rand_enemy];

let tama = document.createElement('div');
			tama.id = 'tama';
			tama_left = parseInt(window.getComputedStyle(enemy).getPropertyValue("left")) + 25;
			tama_top = parseInt(window.getComputedStyle(enemy).getPropertyValue("top")) + 50;
			tama.style.left = tama_left + "px";
			tama.style.top = tama_top + "px";
			document.body.appendChild(tama);

let interval = setInterval(moveTama, 10);
			function moveTama() {
				if (tama_top < 0) {
					clearInterval(interval);
					document.body.removeChild(tama);
					return;
				}

tama_top -= 5;
				tama.style.top = tama_top + "px";

let tama_rect = {
					left: tama_left,
					top: tama_top,
					right: tama_left + 20,
					bottom: tama_top + 20
				}

let yusha_rect = {
					left: parseInt(window.getComputedStyle(yusha).getPropertyValue("left")),
					top: parseInt(window.getComputedStyle(yusha).getPropertyValue("top")),
					right: parseInt(window.getComputedStyle(yusha).getPropertyValue("left")) + chara_size,
					bottom: parseInt(window.getComputedStyle(yusha).getPropertyValue("top")) + chara_size
				}

if (rectOverlap(tama_rect, yusha_rect)) {
					clearInterval(interval);
					document.body.removeChild(tama);
					gameOver();
				}
			}
		}

let yusha_rect = {
							left: parseInt(window.getComputedStyle(yusha).getPropertyValue("left")),
							top: parseInt(window.getComputedStyle(yusha).getPropertyValue("top")),
							right: parseInt(window.getComputedStyle(yusha).getPropertyValue("left")) + chara_size,
							bottom: parseInt(window.getComputedStyle(yusha).getPropertyValue("top")) + chara_size
						}

if (rectOverlap(enemy_rect, yusha_rect)) {
							gameOver();
						}
					}
				}
			}
			setTimeout(moveEnemies, 20);
		}

function rectOverlap(rect1, rect2) {
			if (rect1.left > rect2.right || rect2.left > rect1.right) {
				return false;
			}

if (rect1.top > rect2.bottom || rect2.top > rect1.bottom) {
				return false;
			}

return true;
		}

function gameOver() {
			clearInterval(tama_interval);
			alert("GAME OVER. YOUR SCORE IS " + score);
			location.reload();
		}

function removeTama() {
			let tama = document.getElementById('tama');
			document.body.removeChild(tama);

let enemies = document.getElementsByClassName('enemy');
			for (let i = 0; i < enemies.length; i++) {
				let enemy = enemies[i];
				let enemy_rect = {
					left: parseInt(window.getComputedStyle(enemy).getPropertyValue("left")),
					top: parseInt(window.getComputedStyle(enemy).getPropertyValue("top")),
					right: parseInt(window.getComputedStyle(enemy).getPropertyValue("left")) + 50,
					bottom: parseInt(window.getComputedStyle(enemy).getPropertyValue("top")) + 50
				}

if (tama_top < enemy_rect.bottom && tama_left > enemy_rect.left && tama_left < enemy_rect.right) {
					document.body.removeChild(enemy);
					score++;
					document.getElementById('score').innerText = 'SCORE: ' + score;
					break;
				}
			}
		}
	</script>
</body>
</html>