网页游戏Flappy Birds从0开始制作（一）：项目前准备

首先需要新建一个工程文件存放工程资源及脚本。

接下来找到我峨嵋你需要的资源文件，关于Flappy bird网上有很多素材，我找到的也粘贴出来：

将以上资源存放在工程文件下的img文件下，有利于后于利用。

首先网页游戏需要放在Canvas进行，首先创建html文件，定义一个canvas标签并通过javascript获取到该canvas

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>小游戏案例之Flappy Bird</title>
</head>
<body>
	<canvas class='myCanvas' id='myCanvas' width="800" height="600"></canvas>
</body>
<script>
var canvas=document.getElementById("myCanvas");
	var ctx=canvas.getContext('2d');
</script>

然后定义css样式表，我们让其在网页居中显示：

style.css:

.myCanvas{
	position: absolute;
	left: 250px;
	top: 0;
}

首先开发环境我们已经搭建好了，接下来就是需要写游戏相关object类了