# OpenHarmonyFlappyBird

**Repository Path**: wscats/OpenHarmonyFlappyBird

## Basic Information

- **Project Name**: OpenHarmonyFlappyBird
- **Description**: 🐧OpenHarmony Flappy Bird
- **Primary Language**: JavaScript
- **License**: MulanPSL-2.0
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 3
- **Forks**: 0
- **Created**: 2021-09-11
- **Last Updated**: 2022-05-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: OpenHarmony组件, 鸿蒙

## README

# OpenHarmonyFlappyBird

基于 Canvas 画布绘制 [FlappyBird](https://gitee.com/wscats/OpenHarmonyFlappyBird) 游戏。

<img width="180" height="300px" src="./screenshots/3.gif" />

在项目中引入 `<Flappy></Flappy>` 组件即可，使用方法如下：

```html
<element name="Flappy" src="./flappy//pages//index/index.hml"></element>

<div class="container">
  <Flappy></Flappy>
</div>
```

# 效果

<img width="250" align="left" src="./screenshots/1.png" />
<img width="250" src="./screenshots/2.png" />

# 开发

本项目基于 OpenHarmony 下的 JavaScript UI 框架，运行环境**请参考 [OpenHarmony 项目配置方法](https://gitee.com/isrc_ohos/ultimate-harmony-reference/blob/master/OpenHarmony%20JS%E9%A1%B9%E7%9B%AE%E5%BC%80%E5%8F%91%E6%B5%81%E7%A8%8B.md) 进行项目配置和运行。**

如果你不熟悉 OpenHarmony 的 JS 开发，**请参考该[官方文档](https://developer.harmonyos.com/cn/docs/documentation/doc-references/js-apis-overview-0000001056361791)。**

# 运行

1. 下载 [OpenHarmonyFlappyBird](https://gitee.com/wscats/OpenHarmonyFlappyBird) 项目工程，将工程导入 DevEco Studio 进行编译构建及运行调试。
2. 进行编译构建，生成一个 HAP 应用安装包，生成 HAP 应用安装包。
3. 安装运行后，即可在设备上查看应用示例运行效果，以及进行相关调试。
4. [线上体验版本](https://wscats.github.io/flappy/html/index.html)。

# 作者

| [<img src="https://avatars1.githubusercontent.com/u/17243165?s=460&v=4" width="60px;"/><br /><sub>Eno Yao</sub>](https://gitee.com/wscats) |
| ------------------------------------------------------------------------------------------------------------------------------------------ |