AI game creator

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

No:3387

1045

←

Prev Next

→

Regular platformer
Developer anonymous｜Date and time 23/8/14 16:22:41
Build time 3003 sec｜Game capacity 3.003KB｜

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">
	<title>Regular platformer</title>
	<style>
		canvas {
			border: 1px solid black;
		}
	</style>
</head>
<body>
	<canvas id="game" width="300" height="200"></canvas>
	<script>
		const canvas = document.getElementById("game");
		const ctx = canvas.getContext("2d");

let player = {
			x: 10,
			y: 150,
			width: 20,
			height: 20,
			speed: 5,
			isJumping: false,
			jumpStrength: 10,
			jumpHeight: 100
		};

let platforms = [
			{x: 50, y: 190, width: 100, height: 10},
			{x: 160, y: 160, width: 100, height: 10},
			{x: 250, y: 130, width: 50, height: 10},
			{x: 200, y: 100, width: 100, height: 10},
			{x: 80, y: 70, width: 50, height: 10},
			{x: 10, y: 40, width: 100, height: 10},
			{x: 200, y: 10, width: 50, height: 10}
		];

let controls = {
			right: false,
			left: false,
			up: false
		};

function drawPlayer() {
			ctx.beginPath();
			ctx.rect(player.x, player.y, player.width, player.height);
			ctx.fillStyle = "yellow";
			ctx.fill();
			ctx.closePath();
		}

if (player.isJumping) {
				if (player.y > player.jumpHeight) {
					player.y -= 5;
				} else {
					player.isJumping = false;
				}
			}
		}

function drawPlatforms() {
			for (let i = 0; i < platforms.length; i++) {
				let p = platforms[i];
				ctx.beginPath();
				ctx.rect(p.x, p.y, p.width, p.height);
				ctx.fillStyle = "black";
				ctx.fill();
				ctx.closePath();
			}
		}

function update() {
			ctx.clearRect(0, 0, canvas.width, canvas.height);
			drawPlayer();
			drawPlatforms();
			movePlayer();
			checkCollisions();
		}

document.addEventListener("keydown", function(event) {
			switch(event.key) {
				case "ArrowRight":
					controls.right = true;
					break;
				case "ArrowLeft":
					controls.left = true;
					break;
				case "ArrowUp":
					controls.up = true;
					break;
			}
		});

document.addEventListener("keyup", function(event) {
			switch(event.key) {
				case "ArrowRight":
					controls.right = false;
					break;
				case "ArrowLeft":
					controls.left = false;
					break;
				case "ArrowUp":
					controls.up = false;
					break;
			}
		});

setInterval(update, 1000/60);
	</script>
</body>
</html>