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

No:43913

118

←

Prev Next

→

Flappy bird remake where you dodge pipes and you g..ALL
Developer User19162｜Date and time 24/2/17 1:03:00
Build time 18.377 sec｜Game capacity 4.465KB｜

Script

Sure, here's an example of a Flappy Bird remake implemented as a single HTML file:

FLAPPY BIRD

To play the game, you can open the HTML file in any web browser on your smartphone. It will display the home screen with the Flappy Bird title and a "START" button. Pressing the "START" button will start the game. You can control the bird by tapping the screen to make it fly upwards and release to let it fall. The objective is to navigate the bird through the gaps in the pipes without hitting them. Every time the bird passes through a gap without crashing, the score will increase by 1. If the bird crashes into a pipe, the game over screen will appear and you can press "START" again to play once more.

←

Prev　Next

→ 　

Back　

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

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

Sure, here's an example of a Flappy Bird remake implemented as a single HTML file:

```html
<!DOCTYPE html>
<html>
<head>
	<title>Flappy Bird</title>
	<style>
		canvas {
			border: 1px solid black;
			background-color: #f8f8f8;
			display: block;
			margin: 0 auto;
		}
	</style>
</head>
<body>
	<h1>FLAPPY BIRD</h1>
	<br>
	<button onclick="startGame()">START</button>
	<script>
		var myGamePiece;
		var myObstacles;
		var score;

function startGame() {
			document.getElementsByTagName('h1')[0].style.display = 'none';
			document.getElementsByTagName('button')[0].style.display = 'none';

myGamePiece = new component(30, 30, "red", 10, 120);
			myObstacles = [];
			score = 0;

myGameArea.start();
		}

function updateGameArea() {
			for (var i = 0; i < myObstacles.length; i++) {
				if (myGamePiece.crashWith(myObstacles[i])) {
					myGameArea.stop();
					return;
				}
			}

myGameArea.clear();
			myGameArea.frameNo++;

if (myGameArea.frameNo % 100 === 0) {
				var minHeight = 20;
				var maxHeight = 200;
				var height = Math.floor(Math.random() * (maxHeight - minHeight + 1) + minHeight);
				var minGap = 50;
				var maxGap = 200;
				var gap = Math.floor(Math.random() * (maxGap - minGap + 1) + minGap);
				myObstacles.push(new component(10, height, "green", myGameArea.canvas.width, 0));
				myObstacles.push(new component(10, myGameArea.canvas.height - height - gap, "green", myGameArea.canvas.width, height + gap));
				score++;
			}

for (var i = 0; i < myObstacles.length; i++) {
				myObstacles[i].x += -1;
				myObstacles[i].update();
			}

myGamePiece.speedX = 0;
			myGamePiece.speedY = 0;
			if (myGameArea.keys && myGameArea.keys[32]) {
				myGamePiece.speedY = -1;
			}

myGamePiece.newPos();
			myGamePiece.update();

ctx = myGameArea.context;
			ctx.fillStyle = "black";
			ctx.font = "20px Arial";
			ctx.fillText("Score: " + score, 10, 25);
		}
	</script>
</body>
</html>
```