1 Star 0 Fork 0

潘颖琳 / 烟花特效_OH组件开发大赛

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
克隆/下载
README.md 2.22 KB
一键复制 编辑 原始数据 按行查看 历史
潘颖琳 提交于 2021-09-19 16:03 . update README.md.

烟花特效_OH组件开发大赛

介绍

实现烟花特效的一个组件,图案可选择五角星和三角形,会自动播放烟花音效,点击屏幕时会放一个烟花。

  • 组件类型:画布组件
  • 开发版本:OpenHarmony-2.2beta2-SDK

效果展示

初始界面 点击效果 framework效果

代码模块说明

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函数的参数(圆心坐标),可自行选择是否填充颜色来添加相应参数

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

1
https://gitee.com/Lin_PP/framework.git
git@gitee.com:Lin_PP/framework.git
Lin_PP
framework
烟花特效_OH组件开发大赛
master

搜索帮助