【manim動畫教程】-- 坐標系

来源:https://www.cnblogs.com/wang_yb/archive/2023/04/10/17301528.html
-Advertisement-
Play Games

沒有引入坐標系之前,在繪製圖形時,也有一個隱含的坐標系,它和屏幕的像素相關。 比如,我們之前示例中的各個圖形,屏幕的中心就是坐標原點([0, 0]), 橫軸坐標的範圍大概是 [-3.5, 3.5],縱軸的坐標範圍大概是 [-4, 4],這個範圍與設置的視頻解析度有關,解析度設置的越高的話,坐標範圍越 ...


沒有引入坐標系之前,在繪製圖形時,也有一個隱含的坐標系,它和屏幕的像素相關。

比如,我們之前示例中的各個圖形,屏幕的中心就是坐標原點([0, 0]),
橫軸坐標的範圍大概是 [-3.5, 3.5],縱軸的坐標範圍大概是 [-4, 4],這個範圍與設置的視頻解析度有關,解析度設置的越高的話,坐標範圍越大。

不知是否還記得,之前的文章中繪製的線或者多邊形(比如這個系列第7篇),都是在上面的坐標範圍的。

# 範圍內的線和多邊形
l = Line([-1, 0, 0], [1, 0, 0])
self.play(Create(l), run_time=0.5)

p = Polygon([-3, 1, 0], [-1, 1, 0], [-2, -1, 0])
self.play(Create(p), run_time=0.5)

# 範圍外的多邊形,運行後會顯示補全
p = Polygon([-4, 2, 0], [-1, 5, 0], [-2, -1, 0])
self.play(Create(p), run_time=0.5)

引入坐標系之後,繪製圖形時就不用局限在屏幕隱含的坐標範圍之內,
通過調整坐標的刻度,我們可以基於坐標系中繪製任意範圍的圖形,而不用擔心繪製到屏幕之外去。

manim已經提供了從一維到三維的坐標系對象,下麵一一介紹它們的基本使用方法。

1. 數軸

數軸(NumberLine)是最基本的一維坐標系,它的關鍵參數是:

  1. x_range:設置數軸的範圍和間隔
  2. length:設置數軸顯示的長度
NumberLine(x_range=[-10, 10, 2], length=10, include_numbers=True)
NumberLine(x_range=[-3, 3, 0.5], length=12, include_numbers=True)
NumberLine(
    x_range=[-5, 5 + 1, 1],
    length=6,
    include_numbers=True,
    include_tip=True,
    rotation=10 * DEGREES,
)

運行效果:
out01.gif

2. 平面坐標系

平面坐標系分為兩類,實數平面複數平面,兩者的外形非常類似。

2.1 實數平面

實數平面(NumberPlane)的關鍵參數有4個:

  1. x_range:設置X軸的範圍和間隔
  2. y_range:設置Y軸的範圍和間隔
  3. x_length:設置X軸顯示的長度
  4. y_length:設置Y軸顯示的長度
NumberPlane(
    x_range=(-4, 11, 1),
    y_range=(-3, 3, 1),
    x_length=3,
    y_length=2,
)
NumberPlane(
    x_range=(-4, 11, 1),
    x_length=3,
    y_length=4,
)

運行效果:
out01.gif

2.2 複數平面

複數平面(ComplexPlane)是基於實數平面(NumberPlane)的,參數類似,
只是多了一些標記複數的信息。

plane = ComplexPlane().add_coordinates()
d1 = Dot(plane.n2p(2 + 1j), color=YELLOW)
d2 = Dot(plane.n2p(-3 - 2j), color=YELLOW)
label1 = Tex("2+i").next_to(d1, UR, 0.1)
label2 = Tex("-3-2i").next_to(d2, UR, 0.1)

運行效果:
out01.gif

3. 極坐標系

極坐標系(PolarPlane)通過角度和與原點的距離來定位位置,經常被用於導航類的系統中,
與直角坐標相比,在這類系統中能極大的簡化計算。
它的關鍵參數有:

  1. azimuth_step:分割的角度個數
  2. size:極坐標在屏幕中顯示的大小
  3. radius_step:極坐標半徑的間隔
  4. radius_max:極坐標最大半徑
plane = PolarPlane(
    azimuth_step=30,
    size=6,
    radius_step=1,
    radius_max=3,
).add_coordinates()

運行效果:
out01.gif

4. 笛卡爾坐標系

笛卡爾坐標系是最常用的坐標系,學習函數的圖像時用的最多的就是此坐標系。

4.1 二維

二維的笛卡爾坐標系(Axes)使用的比較多,它在平面坐標系之上,又提供了更多的配置,
可以更加靈活的配置數軸,除了上面平面坐標系提到的那4個關鍵參數之外,
還有2個配置坐標軸的參數也很重要:

  1. x_axis_config:配置X軸如何顯示的參數
  2. y_axis_config:配置Y軸如何顯示的參數

比如下麵的示例中, 配置了與X軸不一樣刻度的Y軸。

ax = Axes(
    x_range=[0, 10, 1],
    y_range=[-2, 6, 1],
    x_length=6,
    tips=False,
    axis_config={"include_numbers": True},
    y_axis_config={"scaling": LogBase(custom_labels=True)},
)

# x_min 必須 > 0,因為 x=0 時,y是負無窮
graph = ax.plot(lambda x: x**2, x_range=[0.001, 10], use_smoothing=False)

運行效果:
out01.gif

4.2 三維

三維的笛卡爾坐標系(ThreeDAxes)與二維坐標系的參數類似,只是多了一個維度(Z軸)的配置,
其配置參數與X軸Y軸類似。
顯示三維圖形時,有2點需要額外註意,
一是場景要繼承 ThreeDScene,二是要調整下預設的相機位置,也就是視角的位置,預設視角是從Z軸頂部向下看的。

# 預設的相機視角
class CoordinateSample(ThreeDScene):
    def construct(self):
        axes = ThreeDAxes(y_length=8)
    	circle = Circle(color=BLUE, radius=2)
        vg = VGroup(axes, circle)
        self.play(Create(vg), run_time=2)

        self.wait()

運行效果如下,很難看出是三維的坐標系統:
out01.gif

加入調整視角的代碼後:

# 調整的相機視角
class CoordinateSample(ThreeDScene):
    def construct(self):
        axes = ThreeDAxes(y_length=8)
    	circle = Circle(color=BLUE, radius=2)
        vg = VGroup(axes, circle)
        # 調整相機視角的代碼 phi是與Z軸之間的角度,theta是圍繞Z軸旋轉的角度
        self.set_camera_orientation(phi=75 * DEGREES, theta=30 * DEGREES)
        self.play(Create(vg), run_time=2)

        self.wait()

修改後運行效果:
out01.gif

5. 總結回顧

本篇主要介紹各類坐標系的基本使用方式和常用參數,從一維到三維主要有以下幾種坐標系對象:

  1. NumberLine:數軸
  2. NumberPlane:實數平面
  3. ComplexPlane:複數平面
  4. PolarPlane:極坐標系
  5. Axes:二維笛卡爾坐標系
  6. ThreeDAxes:三維笛卡爾坐標系

製作函數相關的數學動畫,或者物理定律相關的動畫時,藉助坐標系可以更清晰直觀的的表達變換的規律。
本文關聯的微信視頻號短視頻:
manim-坐標系-視頻號.png


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 痞子衡嵌入式半月刊: 第 75 期 這裡分享嵌入式領域有用有趣的項目/工具以及一些熱點新聞,農曆年分二十四節氣,希望在每個交節之日準時發佈一期。 本期刊是開源項目(GitHub: JayHeng/pzh-mcu-bi-weekly),歡迎提交 issue,投稿或推薦你知道的嵌入式那些事兒。 上期回顧 ...
  • 無論是Window,MacOs,Linux均採用多用戶的管理模式進行許可權管理。 在Linux系統中,擁有最大許可權的賬戶名為:root(超級管理員)。 root用戶擁有最大的系統操作許可權,而普通用戶在許多地方的許可權是受限的。 普通用戶一般在HOME目錄是不受限制的,一旦出了HOME目錄,大多地方,僅有 ...
  • 鎖屏面試題百日百刷,每個工作日堅持更新面試題。請看到最後就能獲取你想要的,接下來的是今日的面試題: 1.Hbase中的memstore是用來做什麼的? hbase為了保證隨機讀取的性能,所以hfile裡面的rowkey是有序的。當客戶端的請求在到達regionserver之後,為了保證寫入rowke ...
  • 你準備好面試了嗎?這裡有一些面試中可能會問到的問題以及相對應的答案。 1、集群的最主要瓶頸 磁碟IO 2、Hadoop運行模式 單機版、偽分散式模式、完全分散式模式 3、Hadoop生態圈的組件並做簡要描述 Zookeeper:是一個開源的分散式應用程式協調服務,基於zookeeper可以實現同步服 ...
  • MAUI 實現圖片上傳功能 1、Mainpage.xmal 中進行調用 代碼如下 <Image x:Name="Image_Upload" Source="{Binding User.HeaderImg}" /> <Button Text="上傳" Clicked="UploadImage_Clic ...
  • Echarts的Map學習記錄 Map介紹 Echarts 中的地圖(Map)是一種可視化展示地理數據的圖表類型,可以用來展示各地區的地理位置、熱力分佈、人口密度、經濟發展水平等各種地理數據。地圖圖表可以被分為兩類:常規地圖和熱力圖。其中,常規地圖可以展示不同區域的地理位置和大小,熱力圖可以用來展示 ...
  • vue2.7 源碼中,nextTick並沒有直接使用某個 API ,而是採用了優雅降級的方案去實現非同步更新。我們額外維護了一個 callbacks,用於存儲 nextTick 回調 ...
  • 前言 前面我們簡單的瞭解了 vue 初始化時的一些大概的流程,這裡我們擴展下 Vue 的 patch。 內容 這一塊主要圍繞 vue 中的__patch__進行剖析。 __patch__ Vue.prototype.__patch__的方法位於scr/platforms/web/runtime/in ...
一周排行
    -Advertisement-
    Play Games
  • 前言 本文介紹一款使用 C# 與 WPF 開發的音頻播放器,其界面簡潔大方,操作體驗流暢。該播放器支持多種音頻格式(如 MP4、WMA、OGG、FLAC 等),並具備標記、實時歌詞顯示等功能。 另外,還支持換膚及多語言(中英文)切換。核心音頻處理採用 FFmpeg 組件,獲得了廣泛認可,目前 Git ...
  • OAuth2.0授權驗證-gitee授權碼模式 本文主要介紹如何筆者自己是如何使用gitee提供的OAuth2.0協議完成授權驗證並登錄到自己的系統,完整模式如圖 1、創建應用 打開gitee個人中心->第三方應用->創建應用 創建應用後在我的應用界面,查看已創建應用的Client ID和Clien ...
  • 解決了這個問題:《winForm下,fastReport.net 從.net framework 升級到.net5遇到的錯誤“Operation is not supported on this platform.”》 本文內容轉載自:https://www.fcnsoft.com/Home/Sho ...
  • 國內文章 WPF 從裸 Win 32 的 WM_Pointer 消息獲取觸摸點繪製筆跡 https://www.cnblogs.com/lindexi/p/18390983 本文將告訴大家如何在 WPF 裡面,接收裸 Win 32 的 WM_Pointer 消息,從消息裡面獲取觸摸點信息,使用觸摸點 ...
  • 前言 給大家推薦一個專為新零售快消行業打造了一套高效的進銷存管理系統。 系統不僅具備強大的庫存管理功能,還集成了高性能的輕量級 POS 解決方案,確保頁面載入速度極快,提供良好的用戶體驗。 項目介紹 Dorisoy.POS 是一款基於 .NET 7 和 Angular 4 開發的新零售快消進銷存管理 ...
  • ABP CLI常用的代碼分享 一、確保環境配置正確 安裝.NET CLI: ABP CLI是基於.NET Core或.NET 5/6/7等更高版本構建的,因此首先需要在你的開發環境中安裝.NET CLI。這可以通過訪問Microsoft官網下載並安裝相應版本的.NET SDK來實現。 安裝ABP ...
  • 問題 問題是這樣的:第三方的webapi,需要先調用登陸介面獲取Cookie,訪問其它介面時攜帶Cookie信息。 但使用HttpClient類調用登陸介面,返回的Headers中沒有找到Cookie信息。 分析 首先,使用Postman測試該登陸介面,正常返回Cookie信息,說明是HttpCli ...
  • 國內文章 關於.NET在中國為什麼工資低的分析 https://www.cnblogs.com/thinkingmore/p/18406244 .NET在中國開發者的薪資偏低,主要因市場需求、技術棧選擇和企業文化等因素所致。歷史上,.NET曾因微軟的閉源策略發展受限,儘管後來推出了跨平臺的.NET ...
  • 在WPF開發應用中,動畫不僅可以引起用戶的註意與興趣,而且還使軟體更加便於使用。前面幾篇文章講解了畫筆(Brush),形狀(Shape),幾何圖形(Geometry),變換(Transform)等相關內容,今天繼續講解動畫相關內容和知識點,僅供學習分享使用,如有不足之處,還請指正。 ...
  • 什麼是委托? 委托可以說是把一個方法代入另一個方法執行,相當於指向函數的指針;事件就相當於保存委托的數組; 1.實例化委托的方式: 方式1:通過new創建實例: public delegate void ShowDelegate(); 或者 public delegate string ShowDe ...