《QT实用小工具·六十二》基于QT实现贝塞尔曲线画炫酷的波浪动画

admin2024-05-15  0

1、概述
源码放在文章末尾

该项目实现了通过贝塞尔曲线画波浪动画,可控制 颜色+密度+速度+加速度
安装与运行环境
语言:C++
框架:Qt 11.3
平台:Windows

将屏幕水平平均分为10块,在一定范围内随机高度的12个点(左右出头),通过贝塞尔曲线连接连续的点,即可绘制成一段段连续的波浪。

但是每两端波浪都会有折线凸起,根据贝塞尔曲线的原理,两个控制点中点作为新的控制点,原来的两点连线即为该控制点在新曲线上的切线,这样既可绘制成只由三个控制点影响的B样条。

为了逼真,通过时钟以及大量状态机确定随机范围,例如在某一段时间整体偏下方,某一段时间整体偏上方,模仿大自然水面潮涨潮落。
项目demo演示如下所示:
《QT实用小工具·六十二》基于QT实现贝塞尔曲线画炫酷的波浪动画,在这里插入图片描述,第1张
项目部分代码如下所示:
创建:

MainWindow::MainWindow(QWidget *parent) : QMainWindow(parent)
{
    bw1 = new BezierWaveBean(this);
    bw1->set_offsety(geometry().height()/20); // 垂直偏移位置【可选】
    bw1->set_speedx(4); // 设置速度
    bw1->start();
}

绘制:

void MainWindow::paintEvent(QPaintEvent *e)
{
    QPainter painter(this);
    painter.setRenderHint(QPainter::Antialiasing, true); // 抗锯齿

    painter.fillPath(bw1->getPainterPath(painter), QColor(255, 0, 0, 50));

    return QMainWindow::paintEvent(e);
}

尺寸:

void MainWindow::resizeEvent(QResizeEvent *e)
{
    bw1->set_rect(geometry());
    return QMainWindow::resizeEvent(e);
}

开关:

bw1->start();  // 开始
bw1->pause();  // 暂停
bw1->resume(); // 继续

源码下载

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明原文出处。如若内容造成侵权/违法违规/事实不符,请联系SD编程学习网:675289112@qq.com进行投诉反馈,一经查实,立即删除!