## 一、新建项目

![image-20251018144305323](/static/uploads/md/FlappyBird20251025174947/images/4-FlappyBird-1.assets/image-20251018144305323.png)

## 二、将场景名称修改为LoginXXX

![image-20251018155746973](/static/uploads/md/FlappyBird20251025174947/images/4-FlappyBird-1.assets/image-20251018155746973.png)

## 三、导入资源库

![image-20251018172415895](/static/uploads/md/FlappyBird20251025174947/images/4-FlappyBird-1.assets/image-20251018172415895.png)



![image-20251018172734542](/static/uploads/md/FlappyBird20251025174947/images/4-FlappyBird-1.assets/image-20251018172734542.png)

## 四、添加主场景

1、使用Raw Image添加背景图片Background：

![image-20251018172923212](/static/uploads/md/FlappyBird20251025174947/images/4-FlappyBird-1.assets/image-20251018172923212.png)

名字改为Background

![image-20251018173232962](/static/uploads/md/FlappyBird20251025174947/images/4-FlappyBird-1.assets/image-20251018173232962.png)

Width、Height分别设置为288、512，选择背景图片bg_day：

![image-20251018173313456](/static/uploads/md/FlappyBird20251025174947/images/4-FlappyBird-1.assets/image-20251018173313456.png)

2.同样的类型添加名为Title的图片

![image-20251018174535722](/static/uploads/md/FlappyBird20251025174947/images/4-FlappyBird-1.assets/image-20251018174535722.png)

如图，设置相关参数，添加标题图片：

![image-20251018174920208](/static/uploads/md/FlappyBird20251025174947/images/4-FlappyBird-1.assets/image-20251018174920208.png)

3. 添加小鸟图片

   ![image-20251018175212696](/static/uploads/md/FlappyBird20251025174947/images/4-FlappyBird-1.assets/image-20251018175212696.png)

   设置相关参数，并设置Texture源为bird0_0：

   ![image-20251018175257726](/static/uploads/md/FlappyBird20251025174947/images/4-FlappyBird-1.assets/image-20251018175257726.png)

   

4. 添加Button按钮

![image-20251018175615189](/static/uploads/md/FlappyBird20251025174947/images/4-FlappyBird-1.assets/image-20251018175615189.png)

若出现这提示，连续点两次Import：

![image-20251018175741325](/static/uploads/md/FlappyBird20251025174947/images/4-FlappyBird-1.assets/image-20251018175741325.png)

把button_play图片的Texture Type改为Sprite类型，这样才能被Button按钮引用：

![image-20251018181058242](/static/uploads/md/FlappyBird20251025174947/images/4-FlappyBird-1.assets/image-20251018181058242.png)

参数设置如下：

![image-20251018181215150](/static/uploads/md/FlappyBird20251025174947/images/4-FlappyBird-1.assets/image-20251018181215150.png)

## 五、效果预览

![image-20251018181307736](/static/uploads/md/FlappyBird20251025174947/images/4-FlappyBird-1.assets/image-20251018181307736.png)

## 六、添加Game场景

![image-20251018182057099](/static/uploads/md/FlappyBird20251025174947/images/4-FlappyBird-1.assets/image-20251018182057099.png)

Ctrl+S保存为GameXXX：

![image-20251018182151796](/static/uploads/md/FlappyBird20251025174947/images/4-FlappyBird-1.assets/image-20251018182151796.png)



要以先将Login场景卸载：

![image-20251018182415501](/static/uploads/md/FlappyBird20251025174947/images/4-FlappyBird-1.assets/image-20251018182415501.png)

1. 添加背景

![image-20251018182603332](/static/uploads/md/FlappyBird20251025174947/images/4-FlappyBird-1.assets/image-20251018182603332.png)

命名为BgLayer：

![image-20251018183004513](/static/uploads/md/FlappyBird20251025174947/images/4-FlappyBird-1.assets/image-20251018183004513.png)

再在些对象下添加两个RawImage，分别命名为Bg1、Bg2：

![image-20251018183158987](/static/uploads/md/FlappyBird20251025174947/images/4-FlappyBird-1.assets/image-20251018183158987.png)

Bg1设置如下：

![image-20251018183248280](/static/uploads/md/FlappyBird20251025174947/images/4-FlappyBird-1.assets/image-20251018183248280.png)

Bg2设置如下：

![image-20251018183336915](/static/uploads/md/FlappyBird20251025174947/images/4-FlappyBird-1.assets/image-20251018183336915.png)

最终两张图并排：

![image-20251018183401510](/static/uploads/md/FlappyBird20251025174947/images/4-FlappyBird-1.assets/image-20251018183401510.png)

2.同样的方法创建地面层LandLayer

两张Land图片并排

![image-20251018183952152](/static/uploads/md/FlappyBird20251025174947/images/4-FlappyBird-1.assets/image-20251018183952152.png)



![image-20251018183828797](/static/uploads/md/FlappyBird20251025174947/images/4-FlappyBird-1.assets/image-20251018183828797.png)



![image-20251018183926207](/static/uploads/md/FlappyBird20251025174947/images/4-FlappyBird-1.assets/image-20251018183926207.png)

3. 预览效果

![image-20251018184225920](/static/uploads/md/FlappyBird20251025174947/images/4-FlappyBird-1.assets/image-20251018184225920.png)