Un juego en el que se salten por infinitas plataformas para subir's game

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

No:27677

←

Prev Next

→

Un juego en el que se salten por infinitas platafo..ALL
Developer User13749｜Date and time 23/12/8 5:33:00
Build time 20.836 sec｜Game capacity 2.538KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在のプレゼントランキング

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

<!DOCTYPE html>
<html>
<head>
	<title>Salta a las Plataformas!</title>
	<style>
		body {
			margin: 0;
			padding: 0;
			overflow: hidden;
		}

canvas {
			background-color: #f3f3f3;
			display: block;
		}
	</style>
</head>
<body>
	<canvas id="gameCanvas"></canvas>

// Platform Constructor
		function Platform(x, y, width) {
			this.x = x;
			this.y = y;
			this.width = width;

this.draw = function() {
				context.fillStyle = "#0095DD";
				context.fillRect(this.x, this.y, this.width, 10);
			}
		}

// Player Constructor
		function Player() {
			this.x = 100;
			this.y = canvas.height / 2;
			this.jumping = false;
			this.velocityY = 0;

this.jump = function() {
				if (!this.jumping) {
					this.velocityY -= jumpForce;
					this.jumping = true;
				}
			}

this.update = function() {
				this.velocityY += gravity;
				this.y += this.velocityY;

if (this.y > canvas.height) {
					this.y = canvas.height;
					this.velocityY = 0;
					this.jumping = false;
					score++;
				}

this.draw();
			}

this.draw = function() {
				context.fillStyle = "#FF0000";
				context.fillRect(this.x, this.y, 50, 50);
			}
		}

// Game Initialization
		function startGame() {
			canvas = document.getElementById("gameCanvas");
			context = canvas.getContext("2d");

canvas.width = window.innerWidth;
			canvas.height = window.innerHeight;

player = new Player();
			platforms = [new Platform(0, canvas.height - 50, canvas.width)];

document.addEventListener("keydown", function(event) {
				if (event.code === "Space") {
					player.jump();
				}
			});

gameLoop();
		}

// Game Loop
		function gameLoop() {
			context.clearRect(0, 0, canvas.width, canvas.height);

player.update();

if (score % 5 === 0 && score !== 0) {
				gameSpeed += 0.1;
			}

if (platforms[platforms.length - 1].y > 0) {
				platforms.push(new Platform(Math.random() * (canvas.width - 100), platforms[platforms.length - 1].y - 50, Math.random() * 100 + 50));
			}

for (var i = 0; i < platforms.length; i++) {
				platforms[i].y += gameSpeed;
				platforms[i].draw();

if (platforms[i].y > canvas.height) {
					platforms.splice(i, 1);
					i--;
				}
			}

context.fillStyle = "#000000";
			context.font = "20px Arial";
			context.fillText("Score: " + score, 10, 25);

requestAnimationFrame(gameLoop);
		}

startGame();
	</script>
</body>
</html>