直角平面NumberPlaneManim库中用于创建二维坐标平面的对象,它可以帮助用户在场景中可视化坐标轴以及网格线。

通过坐标轴、网格线以及刻度,它能够动态地展示函数曲线、几何图形以及它们的变换过程,使得复杂的数学概念变得直观易懂。

NumberPlane提供了x轴y轴,通常是中心对称的,

默认情况下,NumberPlane会显示背景网格,这对于展示数学函数、几何形状等非常有帮助。

我们可以定义坐标平面的范围,为坐标轴添加标签,并将其他形状、函数或动画放置在NumberPlane上,从而在动画中展示数学概念。

下面将介绍Manim中的NumberPlane对象以及一些常用的使用示例。

1. 主要参数

NumberPlane的主要参数有:

参数名称 类型 说明
x_range Sequence[float] 直角平面的横坐标轴范围,间隔
y_range Sequence[float] 直角平面的纵坐标轴范围,间隔
x_length float 直角平面宽度
y_length float 直角平面高度
background_line_style dict 直角平面背景网格线的样式
faded_line_style dict 淡化网格线的样式,用于辅助背景网格线
faded_line_ratio int 定义淡化网格线与背景网格线的比例
make_smooth_after_applying_functions bool 应用函数后是否进行平滑处理

直角平面中,常见的是坐标轴和背景网格线,其样式通过background_line_style参数来设置。

此外,NumberPlane中还有个faded_line_style参数,它用于定义淡化网格线的样式,

这些淡化网格线通常用于辅助背景网格线,以提供更细致的视觉效果或帮助区分不同的坐标区域。

一般情况下,不需要使用faded_line_stylefaded_line_ratio

2. 主要方法

Manim中的坐标系统CoordinateSystem类提供了很多方法,包括:

  1. 获取和设置坐标系统属性的方法
  2. 坐标系中坐标和屏幕上坐标转换的方法
  3. 坐标系中绘制图形(点,线,面等等)的方法

后续介绍各种坐标系统时会用在示例中用到其中的方法,这里不再一一介绍。

NumberPlane继承自CoordinateSystem类,所以可以直接使用它的各种方法。

3. 使用示例

下面通过几个示例展示NumberPlane的功能。

3.1. 基础二维坐标平面

默认情况下,NumberPlane显示坐标轴和背景网格线,帮助用户清晰地看到坐标系的划分。

坐标轴默认是白色的,背景网格线默认是蓝色的。

下面的示例展示一个标准的二维坐标平面,包含x轴y轴

x轴y轴的范围分别设置为-7~7-4~4,网格线间隔为1

plane = NumberPlane(
x_range=[-7, 7],
y_range=[-4, 4],
x_length=6,
y_length=4,
)

3.2. 自定义网格线样式

NumberPlane的背景网格线和淡化网格线的样式都可以自定义,

下面的示例对背景网格线淡化网格线的颜色、宽度和透明度进行了设置。

背景网格线是青色,淡化网格线是灰色。

plane = NumberPlane(
x_range=[-7, 7],
y_range=[-4, 4],
x_length=6,
y_length=4,
background_line_style={
"stroke_color": TEAL,
"stroke_width": 4,
"stroke_opacity": 0.6,
},
faded_line_style={
"stroke_color": GREY,
"stroke_opacity": 0.3,
},
faded_line_ratio=2,
)

注意,这里还设置了faded_line_ratio=2,意思是每1格背景网格线相当于2格的淡化网格线

3.3. 不同比例的坐标轴

默认情况下,NumberPlaneX轴Y轴的间隔是相等的,

实际上,通过设置不同的坐标范围和显示范围,可以创建不同比例的坐标轴。

也就是Y轴的间隔可以大于X轴的间隔,也可以小于X轴的间隔。

# Y轴的间隔大于X轴的间隔
plane1 = NumberPlane(
x_range=[-7, 7],
y_range=[-3, 3],
x_length=3,
y_length=3,
) # Y轴的间隔小于X轴的间隔
plane2 = NumberPlane(
x_range=[-3, 3],
y_range=[-7, 7],
x_length=3,
y_length=3,
)

3.4. 绘制函数图像

使用NumberPlane最大的用途就在于可以在其中绘制函数图像,在坐标系中绘制图像或几何图形,

可以更方便的定位它们的位置,调整它们之间的变换关系。

下面的示例在坐标系中绘制了2个函数,使用了坐标系基类提供的绘图方法:plot_parametric_curve

plane = NumberPlane(
x_range=[-4, 4],
y_range=[-16, 16],
x_length=6,
y_length=4,
) g1 = plane.plot_parametric_curve(
lambda x: [x, x**2],
t_range=[-3.5, 3.5, 0.01],
)
g2 = plane.plot_parametric_curve(
lambda x: [x, x**3],
t_range=[-2.5, 2.5, 0.01],
)

4. 附件

文中的代码只是关键部分的截取,完整的代码共享在网盘中(number_plane.py),

下载地址: 完整代码 (访问密码: 6872)

manim边做边学--直角平面的更多相关文章

  1. 边做边学入门微信小程序之仿豆瓣评分

    微信小程序由于适用性强.逻辑简要.开发迅速的特性,叠加具有海量活跃用户的腾讯公司背景,逐渐成为了轻量级单一功能应用场景的较佳承载方式,诸如电影购票.外卖点餐.移动商城.生活服务等场景服务提供商迅速切入 ...

  2. Grails边做边学入门篇[1]--------大家一起来动手建立project和Domain

    近期工作比較忙,没空写博客了.我发现每周五的下午都是我最放松的时候,可能是迟延症的缘故吧...总是寄希望于周末,慢慢的.我的周末就被工作占领了. 希望大家不要有这种坏毛病.今日事,今日毕.当然我们程序 ...

  3. 技术的止境(客户价值第一,快速实现第二,边做边学,迅速成为牛人。紧贴客户的需求去做技术,立于不败之地。追求的目标:把一项产品去做好,用产品去养活自己和家人)good

    作为一个依靠技术来谋生的程序员,我最近一直在思考一个问题,有限的生命里,面对无限的技术更新,我要研究到什么程度才能算是完成我的成为技术大牛的目标呢?换而言之,那就是技术的止境在哪儿呢?深入的思考下去, ...

  4. 【Leetcode 做题学算法周刊】第四期

    首发于微信公众号<前端成长记>,写于 2019.11.21 背景 本文记录刷题过程中的整个思考过程,以供参考.主要内容涵盖: 题目分析设想 编写代码验证 查阅他人解法 思考总结 目录 67 ...

  5. 做fzu oj 1045 做减法学到的sprintf()函数

    题目 做题一直输不出答案,于是就上网去百度了这题的解题,发现解答十分的简短,而且其中我看见了平时没见过的函数,sprintf(). 于是就百度sprintf()的使用. 如下: 函数功能:把格式化的数 ...

  6. 【Leetcode 做题学算法周刊】第一期

    首发于微信公众号<前端成长记>,写于 2019.10.28 背景 本文记录刷题过程中的整个思考过程,以供参考.主要内容涵盖: 题目分析设想 编写代码验证 查阅他人解法 思考总结 目录 1. ...

  7. 【Leetcode 做题学算法周刊】第二期

    首发于微信公众号<前端成长记>,写于 2019.11.05 背景 本文记录刷题过程中的整个思考过程,以供参考.主要内容涵盖: 题目分析设想 编写代码验证 查阅他人解法 思考总结 目录 20 ...

  8. 【Leetcode 做题学算法周刊】第三期

    首发于微信公众号<前端成长记>,写于 2019.11.13 背景 本文记录刷题过程中的整个思考过程,以供参考.主要内容涵盖: 题目分析设想 编写代码验证 查阅他人解法 思考总结 目录 35 ...

  9. 【Leetcode 做题学算法周刊】第六期

    首发于微信公众号<前端成长记>,写于 2019.12.15 背景 本文记录刷题过程中的整个思考过程,以供参考.主要内容涵盖: 题目分析设想 编写代码验证 查阅他人解法 思考总结 目录 11 ...

  10. 【Leetcode 做题学算法周刊】第七期

    首发于微信公众号<前端成长记>,写于 2020.01.15 背景 本文记录刷题过程中的整个思考过程,以供参考.主要内容涵盖: 题目分析设想 编写代码验证 查阅他人解法 思考总结 目录 12 ...

随机推荐

  1. 【转载】Typora 的 Markdown 语法

    原文地址: Typora 的 Markdown 语法 详细见原文: https://support.typoraio.cn/zh/Markdown-Reference/

  2. 在 MindSpore 中 dataset_sink_mode 的设置对算法的性能有多少影响呢???

    参考代码: https://www.cnblogs.com/devilmaycry812839668/p/14971668.html dataset_sink_mode=True  时,我们可以理解是 ...

  3. 如何不用加法符号计算a+b 的值?

    目前为止只有一种思路:位运算+递归小操作 a+b的值可以等价于a^b+(a&b)<<1,也就是a异或b的值加上a与b的值再左移一位.a异或b的值被叫做非进位求和,(a&b) ...

  4. SMU Autumn 2023 Round 3(Div.1)

    SMU Autumn 2023 Round 3(Div.1) A. Find The Array 要满足"b数组内任意一个元素满足可以被数组两边的元素整除"这个条件,我们很容易想到 ...

  5. Apple Silicon 芯片 Mac 在 x86_64 模式下启动 Kettle

    苹果于 2020 年推出了自家设计的基于 ARM 架构的 M1 芯片,在日常生活的大部分使用过程中,M1 的体验很好.然而,依然存在一小部分软件无法兼容 ARM 架构,需要我们模拟 x86 的架构来运 ...

  6. 使用 Docker 部署 FRP

    服务端 编写配置文件 vim ~/.config/frp/frps.toml bindPort = 7000 # Web Dashboard [webServer] addr = "0.0. ...

  7. Yarn 3.0 Plug'n'Play (PnP) 安装和迁移

    前言 以前用 npm, 后来 yarn 火了就用 yarn. 后来 yarn 2.0 大改版, Angular 不支持就一直没用. 一直到去年的 Angular 13 才开始支持. 最近又开始写 An ...

  8. JavaScript – Decimal

    前言 之前就写过一篇 decimal, double, float, 但有点杂乱, 这篇把 JS 的部分独立写成一篇整理版. 参考 JavaScript 浮点数运算的精度问题 关于JavaScript ...

  9. CSS – 实战 Font

    前言 这篇想整理一下在网页开发中, 字体是如果被处理的. 先看完: 平面设计 – 字体 CSS – Font / Text 属性 CSS – Font Family CSS – word-break, ...

  10. CSS – initial, Inherit, unset, revert

    参考 Understanding the "Initial", "Inherit" and "Unset" CSS Keywords [译] ...