# 烟花特效_OH组件开发大赛

**Repository Path**: Lin_PP/framework

## Basic Information

- **Project Name**: 烟花特效_OH组件开发大赛
- **Description**: 烟花特效_OH组件开发大赛
- **Primary Language**: Unknown
- **License**: GPL-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2021-09-03
- **Last Updated**: 2022-01-21

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

## 烟花特效_OH组件开发大赛

### 介绍
实现烟花特效的一个组件，图案可选择五角星和三角形，会自动播放烟花音效，点击屏幕时会放一个烟花。
- 组件类型：画布组件
- 开发版本：OpenHarmony-2.2beta2-SDK

### 效果展示
|![初始界面](https://images.gitee.com/uploads/images/2021/0919/212925_05bb459c_9212522.jpeg "02.jpg")|![点击效果](https://images.gitee.com/uploads/images/2021/0919/212857_e38a7cb1_9212522.jpeg "01.jpg")|![framework效果](https://images.gitee.com/uploads/images/2021/0916/185642_0f809c57_9212522.gif "framework.gif")|
|-|-|-|

### 代码模块说明
#### 1.布局
用一个栈容器组件去分别装入一个画布组件，三个按钮组件，然后再添加一个媒体组件，其中媒体组件不显示，只自动并循环播放背景音乐
#### 2.模型选择
 **图形**：有三角形，五角星形还有这两种混起来。每种类型都会涉及三个函数（draw,Draw,click），其中，draw函数是控制图形的绘制，Draw函数是用以调用draw函数的，并且设置一个定时器来控制Draw函数的循环绘制，click是控制播放及不同图形的切换。除了可以选择烟花的图形，还可以选择图形的**数量**：我设置了8个和10个两种，并通过数学计算让它们沿圆的径向释放。
#### 3.个性设置
烟花的 **颜色** ：可以自定义设置，可以是固定颜色，也可以是随机颜色，总共设置了10种颜色，红~紫~砖红，由1~10的数字作为参数来选择。图形的填充状态可以自定义，Draw的第三个参数若为1则表示填充颜色，若非1则不填充颜色，只描绘边框。烟花释放的 **位置** ：可以自定义，向Draw函数的第一和第二个参数分别传递x坐标的值和y坐标的值。烟花 **音效**：用户可选择自己喜欢的音频替换媒体组件的音频来源。 此外，点击屏幕的任意位置都会以此位置为圆心放一个图案为五角星的烟花，这个图案可以调用不同图案的Draw函数来自定义。
#### 4.面向用户
用户只需设置Draw函数的参数（圆心坐标），可自行选择是否填充颜色来添加相应参数

后续会再完善一下部分功能的