# 飞翔的小鸟js原生版本

**Repository Path**: FengBuPi/flying-bird-Game

## Basic Information

- **Project Name**: 飞翔的小鸟js原生版本
- **Description**: OOP+TS+SPA+miniRouter:采用面向对象思想,配合ts与手写的迷你路由完成的单页面应用小游戏-飞翔的小鸟
- **Primary Language**: TypeScript
- **License**: MulanPSL-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 0
- **Created**: 2024-09-20
- **Last Updated**: 2024-10-02

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 《飞翔的小鸟》项目介绍

## 项目概述

本项目是一个基于面向对象编程（OOP）思想、TypeScript 语言、单页面应用（SPA）技术、WebComponent 的 Shadow DOM（影子 DOM） 技术以及自定义迷你路由器（Mini Router）实现的单页面小游戏——“飞翔的小鸟”。

## 技术栈

- **TypeScript**: 静态类型检查的编程语言，提高了代码质量和可维护性。
- **面向对象编程（OOP）**: 通过类和对象来组织代码，实现了模块化和可复用性。
- **单页面应用（SPA）**: 利用前端路由技术，在同一个页面中动态加载不同内容。
- **Shadow DOM（影子 DOM）**: 提供了组件化的封装机制，增强了应用的隔离性和可维护性。
- **迷你路由器（Mini Router）**: 自定义的路由管理器，基于 URL 的哈希部分实现页面跳转。

## 主要功能

- **游戏主界面**: 显示游戏开始按钮和其他相关信息。
- **游戏进行中**: 用户可以控制小鸟飞行，躲避障碍物。
- **游戏结束**: 显示最终得分，并提供重新开始的选项。

## 启动说明

### 安装依赖

```
pnpm install
```

### 安装Liver Server

`vscode`插件搜索`LiveServer`点击安装

### 编译游戏

基于`TS`开发,需要使用` TS CIL`

```
tsc
```

如果希望修改了`TS`代码后能马上触发编译,请使用

```
tsc -watch
```

### 启动服务

进入`index.html,`右键选择`Open with live server`

## 代码地址
github仓库:https://github.com/FengBuPi/flying-bird-Game
gitee仓库:https://gitee.com/FengBuPi/flying-bird-Game

**贡献者**提交方式:
1. fork
2. clone
3. 修改代码
4. commit
5. push
6. pull request

**开发者**提交方式:
```
git push origin master
git push github master:main
```