Fighting game where you control a blue square and has 4 controls. Left and Right to move, Up to punch and Down to crouch. holding Down and Up can do an Uppercut. The hitboxes for punch is the same as the player's square. The hitbox stays for 0.1s while dealing 5 damage.The Uppercut hitbox stays for 0.2s while dealing 15 damage once. The opponent square aka the red square has smart ai and can move to the player and sometimes can punch having the same hitbox as its square.Each squares has 100hp's game

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

No:20462

←

Prev Next

→

Fighting game where you control a blue square and ..ALL
Developer Aghrags｜Date and time 23/10/9 21:33:36
Build time 19.759 sec｜Game capacity 2.702KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
	<title>Fighting Game</title>
	<style>
		#player {
			width: 50px;
			height: 50px;
			background-color: blue;
			position: absolute;
			top: 50%;
			left: 10px;
		}

#opponent {
			width: 50px;
			height: 50px;
			background-color: red;
			position: absolute;
			top: 50%;
			right: 10px;
		}
	</style>
</head>
<body>
	<script>
		document.addEventListener("DOMContentLoaded", function() {

var player = document.getElementById("player");
			var opponent = document.getElementById("opponent");
			var playerHP = 100;
			var opponentHP = 100;
			var playerHit = false;
			var opponentHit = false;

function opponentMove() {
				if (parseInt(player.style.left) > parseInt(opponent.style.left)) {
					opponent.style.left = parseInt(opponent.style.left) + 10 + "px";
				} else {
					opponent.style.left = parseInt(opponent.style.left) - 10 + "px";
				}
			}

setInterval(function() {
				opponentMove();
				if (Math.random() < 0.5) {
					opponentPunch();
				}
				if (playerHP <= 0) {
					alert("Game Over - You lost!");
					location.reload();
				}
				if (opponentHP <= 0) {
					alert("Game Over - You won!");
					location.reload();
				}
			}, 500);
		});
	</script>