C++实现缓动动画效果，使用Tween算法（含详细代码）

最新推荐文章于 2024-07-09 09:39:50 发布
置顶 最新推荐文章于 2024-07-09 09:39:50 发布
阅读量1.2k 收藏 5
点赞数 2
分类专栏： C++ 文章标签： c++ visual studio code windows c语言 算法
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/siyacaodeai/article/details/113766006
版权

本人微信公众号：CPP进阶之旅
如果觉得这篇文章对您有帮助，欢迎关注 “CPP进阶之旅” 学习更多技术干货

C++实现缓动动画效果，使用Tween算法（含详细代码）

1、简介

在实际的项目开发中，遇到需要通过算法为程序提供流畅的显示效果的时候，我们通常需要借助计时器和位置计算的算法来实现。这里的Tween就是一个缓动数据计算的类，有了tween算法，我们就可以在此基础上，根据具体的业务调整数据实现流畅的缓动效果了。

2、代码

#pragma once
// Algorithm Reference:
//http://www.cnblogs.com/cloudgamer/archive/2009/01/06/Tween.html
 
#ifndef PI
#define PI	3.1415926f
#endif
const float EPSINON = 0.000001f;
#define EQUAL_ZERO(x) ((x >= - EPSINON) && (x <= EPSINON)) ? true : false
/*
缓动函数介绍：
easeIn：速度从0开始加速的缓动
easeOut：减速到0的缓动
easeInOut：速度的前半段从0开始加速，后半段减速到0的缓动。
*/ 
class CPPTween
{
public:
	CPPTween(void);
	~CPPTween(void);
 
	// Linear 匀速
	float Linear_easeIn(float t, float b, float c, float d);
	float Linear_easeOut(float t, float b, float c, float d);
	float Linear_easeInOut(float t, float b, float c, float d);
 
	// Quadratic 二次方的缓动（t^2）
	float Quad_easeIn(float t, float b, float c, float d);
	float Quad_easeOut(float t, float b, float c, float d);
	float Quad_easeInOut(float t, float b, float c, float d);
 
	// Cubic三次方的缓动（t^3）
	float Cubic_easeIn(float t, float b, float c, float d);
	float Cubic_easeOut(float t, float b, float c, float d);
	float Cubic_easeInOut(float t, float b, float c, float d);
 
	// Quartic四次方的缓动（t^4）
	float Quart_easeIn(float t, float b, float c, float d);
	float Quart_easeOut(float t, float b, float c, float d);
	float Quart_easeInOut(float t, float b, float c, float d);
 
	// Quintic五次方的缓动
	float Quint_easeIn(float t, float b, float c, float d);
	float Quint_easeOut(float t, float b, float c, float d);
	float Quint_easeInOut(float t, float b, float c, float d);
 
	// Sinusoidal正弦曲线的缓动（sin(t)）
	float Sine_easeIn(float t, float b, float c, float d);
	float Sine_easeOut(float t, float b, float c, float d);
	float Sine_easeInOut(float t, float b, float c, float d);
 
	// Exponential指数曲线的缓动（2^t）
	float Expo_easeIn(float t, float b, float c, float d);
	float Expo_easeOut(float t, float b, float c, float d);
	float Expo_easeInOut(float t, float b, float c, float d);
 
	// Circular圆形曲线的缓动sqrt(1-t^2)
	float Circ_easeIn(float t, float b, float c, float d);
	float Circ_easeOut(float t, float b, float c, float d);
	float Circ_easeInOut(float t, float b, float c, float d);
 
	// Elastic指数衰减的正弦曲线缓动
	float Elastic_easeIn(float t, float b, float c, float d, float a = 0.0f, float p = 0.0f);
	float Elastic_easeOut(float t, float b, float c, float d, float a = 0.0f, float p = 0.0f);
	float Elastic_easeInOut(float t, float b, float c, float d, float a = 0.0f, float p = 0.0f);
 
	// Back超过范围的三次方缓动（(s+1)*t^3 - s*t^2）
	float Back_easeIn(float t, float b, float c, float d, float s = 0.0f);
	float Back_easeOut(float t, float b, float c, float d, float s = 0.0f);
	float Back_easeInOut(float t, float b, float c, float d, float s = 0.0f);
 
	// Bounce指数衰减的反弹缓动
	float Bounce_easeOut(float t, float b, float c, float d);
	float Bounce_easeIn(float t, float b, float c, float d);
	float Bounce_easeInOut(float t, float b, float c, float d);
 
public:
	//t: current time（当前时间）；
	//b: beginning value（初始值）；
	//c: change in value（变化量）；
	//d: duration（持续时间）。
	float t, b, c, d, p;
};

#include "CPPTween.h"
#include <math.h>

CPPTween::CPPTween(void)
{
}
 
CPPTween::~CPPTween(void)
{
}
 
// Linear
float CPPTween::Linear_easeIn(float t, float b, float c, float d)
{
	return c * t / d + b;
}
 
float CPPTween::Linear_easeOut(float t, float b, float c, float d)
{
	return c * t / d + b;
}
 
float CPPTween::Linear_easeInOut(float t, float b, float c, float d)
{
	return c * t / d + b;
}
 
// Quadratic
float CPPTween::Quad_easeIn(float t, float b, float c, float d)
{
	return c * (t /= d) * t + b;
}
 
float CPPTween::Quad_easeOut(float t, float b, float c, float d)
{
	return -c * (t /= d) * (t - 2) + b;
}
 
float CPPTween::Quad_easeInOut(float t, float b, float c, float d)
{
	if ((t /= d / 2) < 1)
		return c / 2 * t * t + b;
	return -c / 2 * ((--t) * (t - 2) - 1) + b;
}
 
// Cubic
float CPPTween::Cubic_easeIn(float t, float b, float c, float d)
{
	return c * (t /= d) * t * t + b;
}
 
float CPPTween::Cubic_easeOut(float t, float b, float c, float d)
{
	return c * ((t = t / d - 1) * t * t + 1) + b;
}
 
float CPPTween::Cubic_easeInOut(float t, float b, float c, float d)
{
	if ((t /= d / 2) < 1)
		return c / 2 * t * t * t + b;
	return c / 2 * ((t -= 2) * t * t + 2) + b;
}
 
// Quartic
float CPPTween::Quart_easeIn(float t, float b, float c, float d)
{
	return c * (t /= d) * t * t * t + b;
}
 
float CPPTween::Quart_easeOut(float t, float b, float c, float d)
{
	return -c * ((t = t / d - 1) * t * t * t - 1) + b;
}
 
float CPPTween::Quart_easeInOut(float t, float b, float c, float d)
{
	if ((t /= d / 2) < 1)
		return c / 2 * t * t * t * t + b;
	return -c / 2 * ((t -= 2) * t * t * t - 2) + b;
}
 
// Quintic
float CPPTween::Quint_easeIn(float t, float b, float c, float d)
{
	return c * (t /= d) * t * t * t * t + b;
}
 
float CPPTween::Quint_easeOut(float t, float b, float c, float d)
{
	return c * ((t = t / d - 1)* t * t * t * t + 1) + b;
}
 
float CPPTween::Quint_easeInOut(float t, float b, float c, float d)
{
	if ((t /= d / 2) < 1)
		return c / 2 * t * t * t * t * t + b;
	return c / 2 * ((t -= 2) * t * t * t * t + 2) + b;
}
 
// Sinusoidal
float CPPTween::Sine_easeIn(float t, float b, float c, float d)
{
	return -c * cos(t / d * (PI / 2)) + c + b;
}
 
float CPPTween::Sine_easeOut(float t, float b, float c, float d)
{
	return c * sin(t / d * (PI / 2)) + b;
}
 
float CPPTween::Sine_easeInOut(float t, float b, float c, float d)
{
	return -c / 2 * (cos(PI * t/ d) - 1) + b;
}
 
// Exponential
float CPPTween::Expo_easeIn(float t, float b, float c, float d)
{
	return (t == 0) ? b : c * pow(2, 10 * (t / d - 1)) + b;
}
 
float CPPTween::Expo_easeOut(float t, float b, float c, float d)
{
	return (t == d) ? b + c : c * (-pow(2, -10 * t / d) + 1) + b;
}
 
float CPPTween::Expo_easeInOut(float t, float b, float c, float d)
{
	if (t == 0)
		return b;
	if (t == d)
		return b+c;
	if ((t /= d / 2) < 1)
		return c / 2 * pow(2, 10 * (t - 1)) + b;
	return c / 2 * (-pow(2, -10 * --t) + 2) + b;
}
 
// Circular
float CPPTween::Circ_easeIn(float t, float b, float c, float d)
{
	return -c * (sqrt(1 - (t /= d) * t) - 1) + b;
}
 
float CPPTween::Circ_easeOut(float t, float b, float c, float d)
{
	return c * sqrt(1 - (t = t / d - 1) * t) + b;
}
 
float CPPTween::Circ_easeInOut(float t, float b, float c, float d)
{
	if ((t /= d / 2) < 1)
		return -c / 2 * (sqrt(1 - t * t) - 1) + b;
	return c / 2 * (sqrt(1 - (t -= 2) * t) + 1) + b;
}
 
// Elastic
float CPPTween::Elastic_easeIn(float t, float b, float c, float d, float a/* = 0.0f*/, float p/* = 0.0f*/)
{
	float s = 0;
	if (t == 0)
		return b;
	if ((t /= d) == 1)
		return b + c;
	if (!p)
		p = d * .3f;
	if (!a || a < fabsf(c))
	{
		a = c;
		s = p/4;
	}
	else
		s = p / (2 * PI) * asin (c / a);
	return -(a * pow(2, 10 * (t -= 1)) * sin((t * d - s) * (2 * PI) / p)) + b;
}
 
float CPPTween::Elastic_easeOut(float t, float b, float c, float d, float a/* = 0.0f*/, float p/* = 0.0f*/)
{
	float s = 0;
	if (t == 0)
		return b;
	if ((t /= d) == 1)
		return (b + c);
	if (!p)
		p = d *.3f;
	if (!a || a < fabsf(c))
	{
		a = c;
		s = p / 4;
	}
	else
		s = p / (2 * PI) * sin((float)c / a);
 
	return (a * pow(2.0f, (int) - 10 * t) * sin((t * d - s) * (2 * PI) / p) + c + b);
}
 
float CPPTween::Elastic_easeInOut(float t, float b, float c, float d, float a/* = 0.0f*/, float p/* = 0.0f*/)
{
	float s = 0;
	if (t == 0)
		return b;
	if ((t /= d / 2) == 2)
		return b + c;
	if (!p)
		p = d * (.3f * 1.5f);
	if (!a || a < fabsf(c))
	{
		a = c;
		s = p/4;
	}
	else
		s = p / (2 * PI) * asin (c / a);
	if (t < 1)
		return -.5f * (a * pow(2, 10 * (t -= 1)) * sin( (t * d - s) * (2 * PI) / p )) + b;
	return a * pow(2, -10 * (t -= 1)) * sin((t * d - s) * (2 * PI) / p ) * .5f + c + b;
}
 
// Back
float CPPTween::Back_easeIn(float t, float b, float c, float d, float s/* = 0.0f*/)
{
	if (EQUAL_ZERO(s))
		s = 1.70158f;
	return c * (t /= d) * t * ((s + 1) * t - s) + b;
}
 
float CPPTween::Back_easeOut(float t, float b, float c, float d, float s/* = 0.0f*/)
{
	if (EQUAL_ZERO(s))
		s = 1.70158f;
	return c * ((t = t / d - 1) * t * ((s + 1) * t + s) + 1) + b;
}
 
float CPPTween::Back_easeInOut(float t, float b, float c, float d, float s/* = 0.0f*/)
{
	if (EQUAL_ZERO(s))
		s = 1.70158f;
	if ((t /= d / 2) < 1)
		return c / 2 * (t * t * (((s *= (1.525f)) + 1) * t - s)) + b;
	return c / 2 * ((t -= 2) * t * (((s *= (1.525f)) + 1) * t + s) + 2) + b;
}
 
// Bounce
float CPPTween::Bounce_easeOut(float t, float b, float c, float d)
{
	if ((t /= d) < (1 / 2.75))
	{
		return c * (7.5625f * t * t) + b;
	}
	else if (t < (2 / 2.75))
	{
		return c * (7.5625f * (t -= (1.5f / 2.75f)) * t + .75f) + b;
	}
	else if (t < (2.5 / 2.75))
	{
		return c * (7.5625f * (t -= (2.25f / 2.75f)) * t + .9375f) + b;
	}
	else
	{
		return c * (7.5625f * (t -= (2.625f / 2.75f)) * t + .984375f) + b;
	}
}
 
float CPPTween::Bounce_easeIn(float t, float b, float c, float d)
{
	return c - Bounce_easeOut(d - t, 0, c, d) + b;
}
 
float CPPTween::Bounce_easeInOut(float t, float b, float c, float d)
{
	if (t < d / 2)
		return Bounce_easeIn(t * 2, 0, c, d) * .5f + b;
	else return Bounce_easeOut(t * 2 - d, 0, c, d) * .5f + c * .5f + b;
}

3、重要说明

欢迎大家关注我的个人微信公众号，查看专业的客户端/服务端开发知识、笔试面试题目、程序员职场经验与心得分享。
在这里插入图片描述

参考博文：
https://www.cnblogs.com/cloudgamer/archive/2009/01/06/Tween.html

Coding14
关注
  • 2
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
ShaderJoy —— 特效常用的 30 种缓动函数 【C/C++】【GLSL】
ShaderJoy 的兴趣技术杂货铺
02-13 2212
效果图： a.Bounce ​​​b.Sine c.Expo d.Circ e.Elastic f.Back 函数代码： #define PI 3.14159f #define c1 1.70158f #define c2 (c1 * 1.525f) // 2.5949095 #define c3 (c1 + 1.f) // 2.70158 #define c4 ...
c++实现贝塞尔曲线，生成缓动和回弹动画
m0_60352504的博客
07-10 500
通过公式 t 在 [0, 1] 上运动
一个基于C++的缓动库
zhangym365的专栏
09-13 1093
http://libclaw.sourceforge.net/tweeners.html
C++ 游戏动画编程实用指南（三）
最新发布
龙哥盟
07-09 1025
在本章中，您实现了Pose和Clip类。您学会了如何从 glTF 文件中加载静止姿势，以及如何加载动画剪辑。您还学会了如何对动画剪辑进行采样以生成姿势。本书的可下载内容可以在 GitHub 上找到：github.com/PacktPublishing/Game-Animation-Programming。第九章的示例加载了一个 glTF 文件，并使用DebugDraw函数来绘制静止姿势和当前动画姿势。要使用调试线绘制骨骼，请从关节的位置绘制一条线到其父级的位置。
用c++做动画
qq_66737848的博客
02-02 6183
如何用c++做动画
C++实现动画-小白教程（附源码）
Hacker Pig 的C++工作室
08-22 1685
有没有想过用C++实现动画呢？可以！今天小编来实现C++的动画。
Tween 模拟缓动效果
05-03
在JavaScript世界中，jsC的Tween插件为开发者提供了简单易用的API来实现这种缓动效果。下面将详细探讨Tween的核心概念、工作原理以及如何使用jsC的Tween插件。 一、Tween的概念与应用 Tween，源自英文“in-between...
Wince Ipone 效果实现
06-12
例如，可以使用Tween算法来平滑地改变物体的位置、大小或透明度，模拟出iPhone的页面滑动或缩放效果。同时，为了保证动画的流畅性，还需要考虑到CPU和GPU的性能，合理优化渲染过程，避免过度消耗系统资源。 再来...
ym——Andorid-15k+的面试题。
热门推荐
陈宇明
08-07 2万+
最近才开的博客，希望大家多多关注，andorid开发也做了3年有余了，也面试很多加企业，借此机会分享一下，我们中遇到过的问题以及解决方案吧，希望能够对正在找工作的andoird程序员有一定的帮助。学完本人博客发表《ym--andorid从零开始教程》+面试题目全理解，年薪18w以上绝对没问题。 特别献上整理过的50道面试题目 1.listView的优化方式 重用conve
Android技术面试整理附有详细答案
07-27
NDK（Native Development Kit）是Android提供的一套工具集，允许开发者使用C或C++语言编写应用程序的原生代码部分，用于实现高性能或直接访问硬件的功能。 以上是Android技术面试中常见的知识点总结，涵盖了四大...
Android技术面试整理附有详细答案(包括百度、新浪、中科软等多家公司笔试面试题)
05-23
- **Tween Animation（渐变动画）**: 这类动画不改变视图的实际属性，而是通过改变视图的视觉效果来实现动画效果，如移动、缩放、旋转和平移等。 - **Frame Animation（帧动画）**: 帧动画通过快速切换预定义的一...
animation_cg:基本动画的C ++代码，其中包括图形模块，
03-21
animation_cg:基本动画的C ++代码，其中包括图形模块，
c++多媒体代码（动画）
10-17
用visual c++打开可以直接使用的，适合初学者
完整Tween动画缓动算法
12-31
完整Tween动画缓动算法，值得学习一下
tweeny:现代C ++补间库
04-12
吐温 Tweeny是一个中间库，旨在为游戏和其他精美的交互式软件创建复杂的动画。 它利用现代C ++的功能为开发人员提供直观的API，以声明任何类型的补间，只要它们支持算术运算即可。 Tweeny的目标是提供一种在设置屏幕对象的位置，比例，旋转，帧或其他值的动画时创建流体插值的方法，方法是将其值设置为补间起始点，然后在每个补间步骤之后重新插入结果。 它具有以下特点： 描述性的（希望如此）直观的API， 30多种缓动功能， 允许自定义缓动功能， 多点补间 异类值集的同时补间， 类似时间轴的用法（允许进行任意搜索）， 仅标头 零外部依赖 前进或后退：) 接受lambda，函子和函数作为步骤并寻求回调 强制性的hello world示例： 从单词hello到世界线性地逐个字符地插入50步骤： auto helloworld = tweeny::from( ' h ' ,
Visual C++ 实现动画效果
07-14
基于Visual C++2008的动画效果模拟程序，简单的动作类型，如何设置动画精灵默林动作
c++动画函数和代码
hzk0918的博客
10-15 1234
c++中几个动画用的代码： 1.清除（头文件：#include <windows.h>） system("CLS"); 2.X,Y坐标 void go(int x, int y) { HANDLE hout; COORD coord= {x,y}; hout=GetStdHandle(STD_OUTPUT_HANDLE); SetConsoleCursorPosition(hout,coord); } 3.颜色 void color(int m) { if(m>
tween缓动画的基本算法
huhudeni的博客
07-02 925
笔者在做canvas的游戏框架的时候遇到了动画的相关算法问题 下面就是通常使用的一些 动画的算法 可以给大家一些参考 下面是相关的变量 这个是示意图 /* * t: current time（当前时间）； * b: beginning value（初始值）； * c: change in value（变化量）； * d: duration（持续时间）。 */ Linear：线性...
Tween算法及缓动效果（JS，C++）
信笔涂鸦
09-27 2169
原帖地址：http://www.cnblogs.com/cloudgamer/archive/2009/01/06/Tween.html C++代码： Tween.h #pragma once #include // Algorithm Reference: //http://www.robertpenner.com/easing/ //http://www.c
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值