ต่อจาก บทที่ ๑๑

ตั้งแต่บทนี้ไปจนถึงบทที่ ๑๕ จะเป็นเรื่องของการสร้างวัตถุที่เป็นรูปร่างต่างๆ โดยในบทนี้จะเริ่มจากการใส่เส้นตรงและเส้นโค้ง




การวาดเส้นตรง

วัตถุเส้นตรงสามารถสร้างได้ด้วยคลาส Line โดยค่าที่ต้องใส่คือจุดต้นกับจุดปลาย

ลองดูตัวอย่างแสดงการวาดเส้นขึ้นมา

import manimlib as mnm
import numpy as np

class Manimala(mnm.Scene):
    def construct(self):
        p1 = np.array([-5.5,3.5,0])
        p2 = np.array([6.5,-2.5,0])
        sen = mnm.Line(p1,p2)
        self.play(
            mnm.Write(sen),
            run_time=1.5
        )

การปรับตำแหน่งจุดปลายของเส้น

ตำแหน่งจุดปลายของเส้นสามารถปรับได้โดยใช้ เมธอด .set_points_by_ends() ซึ่งก็สามารถใช้กับ .animate เพื่อทำเป็นภาพเคลื่อนไหวได้

ตัวอย่าง

import manimlib as mnm
import numpy as np

class Manimala(mnm.Scene):
    def construct(self):
        # จุดต้นปลายเดิม
        p1 = np.array([-5,3,0])
        p2 = np.array([5,-3,0])
        # จุดต้นปลายใหม่
        p3 = np.array([7,0,0])
        p4 = np.array([-7,0,0])
        # สร้างเส้น
        sen = mnm.Line(p1,p2)
        self.play(
            sen.animate.set_points_by_ends(p3,p4),
            run_time=1.5
        )

การปรับขอบของเส้น

ความหนา, สี และความทึบแสงของเส้นสามารถกำหนดได้โดยคีย์เวิร์ด stroke_width, stroke_color (อาจใช้ color เฉยๆแทนได้) และ stroke_opacity ตามลำดับ

นอกจากนี้ยังสามารถปรับค่าภายหลังได้ด้วยเมธอด .set_stroke() ซึ่งสามาถใช้กับ .animation เพื่อทำเป็นภาพเคลื่อนไหวได้

ตัวอย่าง ลองสร้างเส้นโดยกำหนดค่าความหนา, สี และความทึบแสงตั้งต้น จากนั้นก็ทำภาพเคลื่อนไหวให้ค่าเหล่านี้เปลี่ยนแปลงด้วย .animation.set_stroke()

import manimlib as mnm
import numpy as np

class Manimala(mnm.Scene):
    def construct(self):
        p1 = np.array([6,-3,0])
        p2 = np.array([-6,3,0])
        sen = mnm.Line(p1,p2,
                       stroke_width=10,
                       stroke_color='#71ff92',
                       stroke_opacity=0.2)
        self.play(
            sen.animate.set_stroke(width=70,
                                   color='#b86fe7',
                                   opacity=1),
            run_time=1.5
        )

การวาดเส้นโค้งส่วนของวงกลม

คลาส Line นั้นนอกจากใช้สร้างเส้นตรงแล้วก็ยังใช้สร้างเส้นโค้งได้ โดยใส่มุมความโค้งของเส้นได้ที่คีย์เวิร์ด path_arc

มุมโค้งของเส้นสามารถปรับได้ภายหลังด้วยเมธอด .set_path_arc() ซึ่งก็สามารถใช้กับ .animate เพื่อทำเป็นภาพเคลื่อนไหวได้

ตัวอย่าง ลองทำภาพเคลื่อนไหวที่มีการเปลี่ยนแปลงความโค้งของเส้นไปเรื่อยๆ

import manimlib as mnm
import numpy as np

class Manimala(mnm.Scene):
    def construct(self):
        p1 = np.array([5,1,0])
        p2 = np.array([-5,-1,0])
        sen = mnm.Line(p1,p2,
                       path_arc=np.radians(120),
                       color='#8583e1',
                       stroke_width=20) 
        self.play(
            sen.animate.set_path_arc(-np.radians(80)),
            run_time=1.5
        )

การวาดเส้นประ

คลาส DashedLine ไว้ใช้วาดเส้นประ วิธีการใช้คล้าย Line แต่จะได้เส้นออกมาเป็นเส้นประ

ความถี่ของเส้นประกำหนดได้ที่คีย์เวิร์ด dash_length

ตัวอย่าง

import manimlib as mnm
import numpy as np

class Manimala(mnm.Scene):
    def construct(self):
        p1 = np.array([6.5,3,0])
        p2 = np.array([-6.5,-2.5,0])
        senpra = mnm.DashedLine(
            p1,p2,
            dash_length=0.2,
            color='#d4b1f2',
            stroke_width=19
        )
        self.play(
            mnm.Write(senpra),
            run_time=1.5
        )

อีกตัวอย่าง ลองสร้างภาพเคลื่อนไหวที่เปลี่ยนระหว่าง dash_length มากไปน้อยเพื่อเปรียบเทียบ

import manimlib as mnm
import numpy as np

class Manimala(mnm.Scene):
    def construct(self):
        p1 = np.array([6,3.5,0])
        p2 = np.array([-6,-3.5,0])
        senpra1 = mnm.DashedLine(
            p1,p2,
            dash_length=0.8
        )
        senpra2 = mnm.DashedLine(
            p1,p2,
            dash_length=0.1
        )
        self.play(
            mnm.Transform(senpra1,senpra2),
            run_time=1.5
        )

สัดส่วนของเส้นต่อช่องว่างกำหนดได้ที่คีย์เวิร์ด positive_space_ratio ยิ่งค่ามากยิ่งมีส่วนของเส้นมาก ช่องว่างน้อย

ตัวอย่าง เปรียบเทียบระหว่าง positive_space_ratio น้อยกับมาก

import manimlib as mnm
import numpy as np

class Manimala(mnm.Scene):
    def construct(self):
        p1 = np.array([5.5,-3.5,0])
        p2 = np.array([-6,3.5,0])
        senpra1 = mnm.DashedLine(
            p1,p2,
            positive_space_ratio=0.2
        )
        senpra2 = mnm.DashedLine(
            p1,p2,
            positive_space_ratio=0.8
        )
        self.play(
            mnm.Transform(senpra1,senpra2),
            run_time=1.5
        )

การวาดกากบาทขีดทับ

หากมีวัตถุที่ต้องการจะขีดกากบาททับก็ทำได้โดยสร้างคลาส Cross แล้วใส่วัตถุที่ต้องการกา

กากบาทที่สร้างขึ้นมานั้นสามารถปรับสีและความกว้างของเส้นได้ด้วยเมธอด .set_stroke()

ตัวอย่างการใช้

import manimlib as mnm

class Manimala(mnm.Scene):
    def construct(self):
        text = mnm.Text('ภาษี',size=7,color='#c27bff')
        kakabat = mnm.Cross(text)
        kakabat.set_stroke(color='#77ffaa',width=30)
        self.add(text)
        self.play(
            mnm.Write(kakabat),
            run_time=1
        )

การวาดเส้นขีดด้านใต้

คลาส Underline เอาไว้ใช้ขีดเส้นด้านใต้วัตถุ หากใช้กับวัตถุที่เป็นกลุ่มเช่นตัวหนังสือสามารถเลือกขีดแค่เฉพาะบางส่วนได้

ตัวอย่างการใช้ เริ่มจากขีดทั้งหมดก่อนแล้วเปลี่ยนเป็นขีดเฉพาะบางส่วน

import manimlib as mnm

class Manimala(mnm.Scene):
    def construct(self):
        text = mnm.Text('ความหมาย',size=4,color='#ff7bf1')
        # เส้นขีดทั้งหมด
        sentai1 = mnm.Underline(text)
        sentai1.set_stroke(color='#f2a756',width=20)
        # เส้นขีดเฉพาะส่วน
        sentai2 = mnm.Underline(text[4:7])
        sentai2.set_stroke(color='#f2567b',width=30)
        self.add(text)
        self.play(
            mnm.FadeTransform(sentai1,sentai2),
            run_time=1
        )
        self.wait(0.5)

อ่านบทถัดไป >> บทที่ ๑๓

~ 自己紹介 ~

目次

日本による名言集

python モジュール -- numpy -- matplotlib -- pandas -- manim -- opencv -- pyqt -- pytorch 機械学習 -- ニューラル      ネットワーク

javascript

モンゴル語

言語学

maya

確率論

日本での日記

中国での日記 -- 北京での日記 -- 香港での日記 -- 澳門での日記

台灣での日記

北欧での日記

他の国での日記

qiita

その他の記事

記事の類別

==เลือกหมวด== ดาราศาสตร์ คณิตศาสตร์ -ความน่าจะเป็น คอมพิวเตอร์ -เขียนโปรแกรม --python ---numpy ---scipy ---matplotlib ---pandas ---manim ---pyqt ---sklearn ---pytorch ---mayapython --ruby --javascript --dart --MATLAB --SQL --regex --opencv -shell -3D --maya --MMD -microsoft_office -pdf -ปัญญาประดิษฐ์ --โครงข่ายประสาทเทียม --สเตเบิลดิฟฟิวชัน ---comfyui -การสุ่ม ภาษาศาสตร์ -ตัวอักษร -เรียนภาษา -หลักเกณฑ์การทับศัพท์ -ภาษาจีน --ภาษาจีนกลาง -ภาษาญี่ปุ่น -ภาษามองโกล -ภาษาลาว -ภาษาเขมร ประวัติศาสตร์ -ประวัติศาสตร์จีน -ประวัติศาสตร์ญี่ปุ่น ปรัชญา ประเทศจีน -จีนแผ่นดินใหญ่ --ปักกิ่ง --เทียนจิน --เหลียวหนิง --เหอเป่ย์ --เหอหนาน --ซานตง --ซานซี --อานฮุย --เจ้อเจียง --หูเป่ย์ --หูหนาน --ฝูเจี้ยน --กวางตุ้ง ---แต้จิ๋ว --ยูนนาน --ซินเจียง -ฮ่องกง -มาเก๊า -ไต้หวัน --ไทเป --จีหลง --เถาหยวน --ซินจู๋ --เหมียวลี่ --ไถจง --จางฮว่า --หยวินหลิน --เจียอี้ --ไถหนาน --เกาสยง --ผิงตง --อี๋หลาน ประเทศญี่ปุ่น -ฮกไกโด -อาโอโมริ -อิวาเตะ -มิยางิ -อากิตะ -ยามางาตะ -ฟุกุชิมะ -อิบารากิ -โทจิงิ -กุมมะ -ไซตามะ -จิบะ -โตเกียว -คานางาวะ -นีงาตะ -โทยามะ -อิชิกาวะ -ฟุกุอิ -ยามานาชิ -นางาโนะ -กิฟุ -ชิซึโอกะ -ไอจิ -มิเอะ -ชิงะ -เกียวโต -โอซากะ -เฮียวโงะ -นาระ -วากายามะ -โอกายามะ -ฮิโรชิมะ -ยามางุจิ -ฟุกุโอกะ -ซางะ -นางาซากิ -คุมาโมโตะ -โออิตะ ต่างแดน -อุษาคเนย์ --กัมพูชา --พม่า --สิงคโปร์ -ยุโรป --สวีเดน --เดนมาร์ก --ฟินแลนด์ -ออสเตรเลีย ท่องเที่ยว -มหาวิทยาลัย -พิพิธภัณฑ์ --พิพิธภัณฑ์วิทยาศาสตร์ --หอศิลป์ -สวนสัตว์ --พิพิธภัณฑ์สัตว์น้ำ -ท้องฟ้าจำลอง -ตึกระฟ้า -ปราสาท☑ --ปราสาทญี่ปุ่น --ปราสาทขอม --ปราสาทยุโรป -ศาสนสถาน --วัด --ศาลเจ้า --โบสถ์ --มัสยิด -สุสาน -มรดกโลก -ทะเล -ทะเลสาบ -ภูเขา -ภูเขาไฟ -หิมะ -ดอกซากุระ -แมว -รถไฟ -เรือ -ตลาดกลางคืน -งานเทศกาล -ที่ระลึกภัยพิบัติ -ตามรอย -ราเมง บันเทิง -เกม --อาเตอลีเย --โปเกมอน --caligula --vn -อนิเมะ -มังงะ -นิยาย -เพลง --เพลงอนิเมะ --เพลงเกม เรื่องแต่ง บันทึก

　 記事を検索

　 最新記事

　 おすすめの記事

月別記事

もっと前の記事

ไทย

日本語

中文