HTML5+JavaScript实现Flappy Bird

最新推荐文章于 2024-06-22 20:04:09 发布

置顶

有田十三

最新推荐文章于 2024-06-22 20:04:09 发布

阅读量5.2k

点赞数 1

分类专栏： JavaScript 文章标签： html5+ github javascript flappybird canvas

本文链接：https://blog.csdn.net/yooungt13/article/details/19555471

版权

本文介绍了一种使用HTML5和JavaScript来实现经典游戏Flappy Bird的方法。主要内容包括三个核心类：Bird、Obstacle和FlappyBird，其中FlappyBird类包含了游戏的主要参数和函数，如创建地图、绘制障碍物、计分、判断游戏状态等。此外，还提供了游戏的在线体验链接和源码下载地址，可在GitHub和CSDN找到。

摘要由CSDN通过智能技术生成

废话少说，先上效果图。

相关实现：

三个类，Bird类，Obstacle类，FlappyBird类（游戏主要函数）

function Bird(x, y, image) {
	this.x = x,
	this.y = y,
	this.width = image.width / 2,
	this.height = image.height,
	this.image = image;
	this.draw = function(context, state) {
		if (state === "up")
			context.drawImage(image, 0, 0, this.width, this.height, this.x, this.y, this.width, this