AI game creator

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

No:703

196

←

Prev Next

→

Air hockey
Developer User3091｜Date and time 23/6/17 13:45:59
Build time 33.938 sec｜Game capacity 3.043KB｜

Script

Use your finger to move the paddle and hit the puck towards the opponent’s goal.

This is a simple air hockey game that is played using the player’s finger to control the paddle. The objective is to hit the puck towards the opponent’s goal and score points. The game keeps track of the player’s score and the computer’s score, and the game ends when one of the players reaches a certain number of points. The game is designed to be playable on a smartphone, and uses emojis to add a fun and colorful touch.

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

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

<!DOCTYPE html>
<html>
<head>
	<title>Air Hockey Game</title>
<style>
	canvas {
		border: 2px solid black;
	}
</style>
</head>
<body>
	<canvas id="canvas" width="400" height="600"></canvas>
	<p>Use your finger to move the paddle and hit the puck towards the opponent's goal.</p>
	<script>
		var canvas = document.getElementById('canvas');
		var context = canvas.getContext('2d');
		var x = canvas.width/2;
		var y = canvas.height/2;
		var dx = 2;
		var dy = -2;
		var paddleHeight = 10;
		var paddleWidth = 75;
		var paddleX = (canvas.width-paddleWidth)/2;
		var rightPressed = false;
		var leftPressed = false;
		var playerScore = 0;
		var computerScore = 0;

function drawBall() {
			context.beginPath();
			context.arc(x, y, 10, 0, Math.PI*2);
			context.fillStyle = "#0095DD";
			context.fill();
			context.closePath();
		}

function drawPaddle() {
			context.beginPath();
			context.rect(paddleX, canvas.height-paddleHeight, paddleWidth, paddleHeight);
			context.fillStyle = "#0095DD";
			context.fill();
			context.closePath();
		}

function drawScores() {
			context.font = "16px Arial";
			context.fillStyle = "#0095DD";
			context.fillText("Player Score: " + playerScore, 10, 20);
			context.fillText("Computer Score: " + computerScore, canvas.width-135, 20);
		}

document.addEventListener("keydown", keyDownHandler, false);
		document.addEventListener("keyup", keyUpHandler, false);
		document.addEventListener("mousemove", mouseMoveHandler, false);

function keyDownHandler(e) {
			if(e.keyCode == 39) {
				rightPressed = true;
			}
			else if(e.keyCode == 37) {
				leftPressed = true;
			}
		}

function keyUpHandler(e) {
			if(e.keyCode == 39) {
				rightPressed = false;
			}
			else if(e.keyCode == 37) {
				leftPressed = false;
			}
		}

function mouseMoveHandler(e) {
			var relativeX = e.clientX - canvas.offsetLeft;
			if(relativeX > 0 && relativeX < canvas.width) {
				paddleX = relativeX - paddleWidth/2;
			}
		}
		
		setInterval(draw, 10);
	</script>
</body>
</html>

This is a simple air hockey game that is played using the player's finger to control the paddle. The objective is to hit the puck towards the opponent's goal and score points. The game keeps track of the player's score and the computer's score, and the game ends when one of the players reaches a certain number of points. The game is designed to be playable on a smartphone, and uses emojis to add a fun and colorful touch.