【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
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...