Manim实现旋转变色特效
在数学动画的世界里,旋转与变色特效无疑是最能吸引观众眼球的元素之一。
今天,就让我们一起探索如何使用Manim框架来实现自定义的旋转变色特效吧!
1. 实现原理
Manim的动画魔法源于Animation类的interpolate_mobject方法。
这个方法通过alpha参数(0到1之间)控制动画进度,我们只需重写这个方法就能创造自定义特效:
class RotateAndColor(Animation):
def __init__(
self,
mobject,
angle=TAU,
start_color=BLUE,
end_color=RED,
about_point=ORIGIN,
**kwargs
):
"""
构造函数。
Parameters:
mobject - 这是要进行动画的对象,例如一个几何形状、文本或其他任何 Manim 支持的对象
angle - 指定旋转的总角度,默认值为 TAU 即 360度
start_color - 动画开始时对象的颜色,默认蓝色
end_color - 动画结束时对象的颜色,默认为红色
**kwargs - 用于传递额外的关键字参数到父类Animation的构造函数中
"""
# 调用父类Animation的构造函数,
# 将mobject和额外的关键字参数传递给父类,完成基本的初始化
super().__init__(mobject, **kwargs)
# 将传入的参数存储为类的属性,以便后续使用
self.angle = angle
self.start_color = start_color
self.end_color = end_color
self.about_point = about_point
def interpolate_mobject(self, alpha):
"""
实现动画效果的核心方法。
Parameters:
alpha - 是一个介于 0 和 1 之间的参数,表示动画的进度
"""
pass
接下来,实现同一个动画周期内同时控制旋转和颜色:
def interpolate_mobject(self, alpha):
"""
实现动画效果的核心方法。
Parameters:
alpha - 是一个介于 0 和 1 之间的参数,表示动画的进度
"""
# 颜色插值
# 使用interpolate_color函数计算当前进度alpha下的颜色
# interpolate_color是Manim中的一个内置函数,用于在两个颜色之间进行插值
new_color = interpolate_color(self.start_color, self.end_color, alpha)
# 旋转角度计算
# 计算当前进度alpha下的旋转角度。
# 通过将alpha乘以总旋转角度self.angle,得到当前的旋转角度
current_angle = alpha * self.angle
# 应用变换
# 将mobject重置为动画开始时的状态
self.mobject.become(self.starting_mobject)
# 调用rotate方法,将mobject旋转current_angle角度,
# 旋转的中心点是self.about_point
self.mobject.rotate(current_angle, about_point=self.about_point)
# 将mobject的颜色设置为当前插值计算得到的颜色
self.mobject.set_color(new_color)
上面的代码中已经加了详细的注释,总得来说,RotateAndColor类实现了一个同时进行旋转和颜色变化的动画效果。
它通过继承Animation类,利用Manim的动画系统,实现了对对象的旋转和颜色变化。
通过interpolate_mobject方法,根据动画进度alpha,动态计算旋转角度和颜色,从而实现平滑的动画效果。
2. 应用示例
实现了这个自定义的旋转变色动画(RotateAndColor)后,下面来实际使用看看效果如何。
2.1. 基础使用
在基础使用示例中,我们构造一个正方体,先快速旋转3圈,同时颜色由蓝变绿;
再慢速旋转半圈,同时颜色又绿变紫。
class RotateColorSample01(ThreeDScene):
def construct(self):
self.set_camera_orientation(phi=75 * DEGREES, theta=-45 * DEGREES)
cube = Cube().set_fill(BLUE, opacity=0.8)
self.play(
RotateAndColor(
cube,
angle=3 * TAU, # 旋转3圈
start_color=BLUE,
end_color=GREEN,
run_time=2,
)
)
self.wait()
# 添加对比动画
self.play(
RotateAndColor(
cube,
angle=TAU / 2, # 仅转半圈
start_color=GREEN,
end_color=PURPLE,
run_time=2,
)
)
self.wait()

2.2. 模拟公转自转
下面再构造一个略微复杂点的示例,构造两个球形模拟太阳和地球,太阳自转同时变色;
地球绕着太阳公转,且在绕的过程中逐渐变色(可用来模拟白天黑夜)。
class RotateColorSample02(ThreeDScene):
def construct(self):
self.set_camera_orientation(phi=75 * DEGREES, theta=-45 * DEGREES)
sun = Sphere(color=YELLOW).scale(1.2)
earth = Sphere(resolution=24).scale(0.4).shift(RIGHT * 3)
# 地球公转+太阳自转+色温变化
self.play(
RotateAndColor(
sun,
angle=TAU / 2,
start_color=YELLOW,
end_color=RED,
rate_func=there_and_back,
),
RotateAndColor(
earth,
angle=TAU,
start_color=BLUE,
end_color=GREEN,
about_point=sun.get_center(),
rate_func=linear,
),
run_time=8,
)
self.wait()

3. 总结
通过上面介绍的方法,相信您已经掌握了制作专业级数学动画的核心技巧。
感兴趣的话,尝试修改示例代码中的参数,或者将旋转变色效果与缩放、位移等动画组合使用,创造出属于您的独特视觉效果!
Manim实现旋转变色特效的更多相关文章
- Rotating Image Slider - 图片旋转切换特效
非常炫的图片旋转滑动特效,相信会给你留下深刻印象.滑动图像时,我们会稍稍旋转它们并延缓各元素的滑动.滑块的不寻常的形状是由一些预先放置的元素和使用边框创建.另外支持自动播放选项,鼠标滚轮的功能. 在线 ...
- 鼠标HOVER时区块动画旋转变色的CSS3样式掩码
鼠标hover时区块动画旋转变色的css3样式掩码<!DOCTYPE html> <html> <head> <meta charset="utf- ...
- 可控制转速CSS3旋转风车特效
以前制作网页动画一般使用javascript,现在已经有越来越多动动画使用纯CSS实现,并且动画的控制也可以使用CSS3实现,因为CSS 3来了,CSS 3的动画功能确实强大.以下是一个纯CSS3制作 ...
- 基于jQuery环形图标菜单旋转切换特效
分享一款基于jQuery环形图标旋转切换特效.这是一款鼠标点击图标菜单圆形顺时针或者逆时针旋转切换代码.效果图如下: 在线预览 源码下载 实现的代码. js代码: /* 图片地址可以是相对路径或绝 ...
- 基于jQuery和CSS3炫酷图片3D旋转幻灯片特效
在线预览 源码下载 iPresenter是一款效果非常炫酷的jQuery和CSS3 3D旋转幻灯片特效插件.你可以使用它来制作产品展示.图片画廊或者各种幻灯片和轮播图特效.这款幻灯片插件的特点有: ...
- 2.纯 CSS 创作一个矩形旋转 loader 特效
原文地址:2.纯 CSS 创作一个矩形旋转 loader 特效 扩展后地址:https://scrimba.com/c/cNJVWUR 扩展地址:https://codepen.io/pen/ HT ...
- 一款基于jQuery和CSS3炫酷3D旋转画廊特效插件
这是一款效果炫酷的jQuery和CSS3 3D旋转画廊特效插件.该3D画廊插件可以通过前后导航按钮来切换图片,效果就像旋转木马一样.它还带有点击放大图片,显示图片标题和用键盘操作等功能. 在线预览 ...
- Atitit.随时间变色特效 ---包厢管理系统的规划
Atitit.随时间变色特效 ---包厢管理系统的规划 1 流程滴定仪 定义的参数 颜色.位置(开始值,结束值,当前比值) >>返回数值 可以后期处理转成双位16进制码 分别定义复合颜色的 ...
- AAtitit.随时间变色特效 ---包厢管理系统的规划titit.随
Atitit.随时间变色特效 ---包厢管理系统的规划 1 流程滴定仪 定义的参数 颜色.位置(开始值,结束值,当前比值) >>返回数值 可以后期处理转成双位16进制码 分别定义复合颜色的 ...
- 利用CSS3给图片添加旋转背景特效
首先看旋转特效:http://***/demo/201512/2015-12-09-css3-image-hover-animate/index.html 这是一款纯CSS3实现的当鼠标滑过图片时文字 ...
随机推荐
- 质疑了ChatGPT,结果他居然...
小编其实是想挑战下ChatGPT,指出目前像他这种AI,通过如此高维向量的方式代表一个事物特征,是算力上的巨大浪费. 质疑这种方式可能不是最优解,冥冥之中应该有更好的方式. 结果发现他居然大方承认,而 ...
- Windows编程----结束进程
进程有启动就有终止,通过CreateProcess函数可以启动一个新的子进程,但是如何终结子进程呢?主要有四种方法: 通过主线程的入口函数(main函数.WinMain函数)的return关键字终止进 ...
- composer 2 升级操作
update composer composer self-update // or sudo composer self-update 回滚到版本1 composer self-update --r ...
- Golang 入门 : 语言环境安装
下载介绍 在go的官方网址上下载go最新版本https://golang.google.cn/dl/,或者在 Go 的中文网上下载https://studygolang.com/dl,两个网站打开的内 ...
- golng切片实现分页
前言 实现切片分页,主要是根据选择页码和每页显示数量,计算了切片的开始.结束索引地址 package main import "math" func main() { slice1 ...
- Nginx 之fastcgi常用配置项说明
在LNMP环境中,我们都知道nginx如果要解析php脚本语言,就必须通过配置fastcgi模块来提供对php支持,那么在配置fastcgi的时候,关于fastcgi配置项的值应该怎么设置才能让其发挥 ...
- 【Linux】Vim 设置
[Linux]Vim 设置 零.起因 刚学Linux,有时候会重装Linux系统,然后默认的vi不太好用,需要进行一些设置,本文简述如何配置一个好用的Vim. 壹.软件安装 sudo apt-get ...
- Unity/Auto Layout -- 理解Layout Elements(布局元素)
- 探秘Transformer系列之(28)--- DeepSeek MLA
探秘Transformer系列之(28)--- DeepSeek MLA 目录 探秘Transformer系列之(28)--- DeepSeek MLA 0x00 概述 0x01 原理 1.1 问题 ...
- hybrid应用自动化
一.hybrid介绍 hybrid是一种混合app,将h5页面嵌入native原生页面. 基于uiautomator+chromedriver.native部分走uiautomator,web部分走c ...