วิธีสร้างภาพเคลื่อนไหว SVG ใน Inkscape

หากคุณต้องการสร้าง SVG แบบเคลื่อนไหวใน Inkscape มีบางสิ่งที่คุณจำเป็นต้องรู้ ขั้นแรก คุณต้องคุ้นเคยกับซอฟต์แวร์ Inkscape เป็นโปรแกรมวาดภาพแบบเวกเตอร์ ซึ่งหมายความว่าโปรแกรมนี้ใช้สำหรับสร้างภาพประกอบ โลโก้ และกราฟิกอื่นๆ นอกจากนี้ยังสามารถสร้างภาพเคลื่อนไหวด้วย Inkscape ได้ แต่จะไม่ง่ายเหมือนโปรแกรมอื่นๆ ประการที่สอง คุณต้องเข้าใจความแตกต่างระหว่างกราฟิกแบบเวกเตอร์และบิตแมป กราฟิกแบบเวกเตอร์ประกอบด้วยเส้นและรูปร่าง ในขณะที่กราฟิกแบบบิตแมปประกอบด้วยพิกเซล Inkscape เป็นโปรแกรมวาดภาพเวกเตอร์ ซึ่งหมายความว่าเหมาะที่สุดสำหรับการสร้างภาพประกอบ โลโก้ และกราฟิกอื่นๆ อย่างไรก็ตาม คุณสามารถสร้างภาพเคลื่อนไหวด้วย Inkscape ได้เช่นกัน ประการที่สาม คุณต้องรู้วิธีสร้างไฟล์ SVG SVG ย่อมาจาก Scalable Vector Graphics เป็นรูปแบบไฟล์ที่ใช้สำหรับจัดเก็บกราฟิกแบบเวกเตอร์ ในการสร้างไฟล์ SVG คุณต้องใช้โปรแกรมวาดภาพเวกเตอร์ เช่น Inkscape ประการที่สี่ คุณต้องเข้าใจวิธีทำให้ไฟล์ SVG เคลื่อนไหว มีสองวิธีในการทำให้ไฟล์ SVG เคลื่อนไหว วิธีแรกคือสร้างภาพเคลื่อนไหวโดยใช้เครื่องมือสร้าง ภาพเคลื่อนไหว ในตัวใน Inkscape วิธีที่สองคือการใช้โปรแกรมซอฟต์แวร์ของบุคคลที่สามเพื่อสร้างภาพเคลื่อนไหว สุดท้าย คุณต้องรู้วิธีส่งออกไฟล์ SVG แบบเคลื่อนไหว ในการส่งออกไฟล์ คุณต้องใช้โปรแกรมแก้ไขกราฟิกแบบเวกเตอร์ เช่น Inkscape

สามารถสร้าง ภาพเคลื่อนไหวแบบกำหนดเอง ได้ด้วยกราฟิกแบบเวกเตอร์ที่ปรับขนาดได้ (SVG) โดยไม่ต้องมีความรู้มากมาย คุณสามารถสร้างกราฟิกที่ง่ายต่อความซับซ้อนโดยใช้เครื่องมือออนไลน์ เช่น Inkscape, Haikei และ Illustrator นอกจากนี้ยังสามารถใช้ไลบรารีต่างๆ ที่ช่วยในการสร้างแอนิเมชันแบบกำหนดเอง เช่น Snap.svg, SVG.js และอื่นๆ DOM ช่วยให้คุณสามารถกำหนดรูปร่างเป้าหมายและจัดรูปแบบได้ตามที่เห็นสมควร เช่นเดียวกับองค์ประกอบ HTML อื่นๆ ขอแนะนำให้คุณใช้เครื่องมือเพิ่มประสิทธิภาพเฉพาะสำหรับเครื่องมือนี้ ภาพเคลื่อนไหวได้รับการปรับขนาดให้มีขนาดใดก็ได้เพื่อให้แน่ใจว่าคุณภาพจะไม่ลดลง แทนที่จะใช้คำสั่งการหาร ให้ใช้คำสั่ง href เพื่อตัดคำ

แอนิเมชันไดโนเสาร์ใช้เวลา 10 วินาทีในการรัน แต่จะปรากฏเพียง 3 วินาทีเท่านั้นเนื่องจากจะถูกย้ายไปด้านล่าง SVG แบบเคลื่อนไหวสามารถใช้กับฟังก์ชันต่างๆ รวมถึงการสลับเมนู โหลด อัปโหลด เล่น และหยุดวิดีโอชั่วคราว เรารับประกันว่าข้อมูลที่ให้ไว้ข้างต้นจะช่วยให้คุณทำโปรเจกต์ใดๆ ที่คุณคิดไว้สำหรับแอนิเมชันแบบกำหนดเองให้เสร็จสมบูรณ์ได้

คุณสร้าง Svg แบบเคลื่อนไหวได้อย่างไร

คุณสามารถทำให้เฟรมเคลื่อนไหวได้โดยใช้ตัวเลือกการ ส่งออก SVG โดยเลือกเฟรมที่คุณต้องการทำให้เคลื่อนไหว จากนั้นคลิกเปิดใช้งานการส่งออก SVG หากต้องการทำให้ตำแหน่ง X ตำแหน่ง Y สเกล การหมุน หรือความทึบเคลื่อนไหว ให้เลือกโหนดภายในเฟรมนั้น หากต้องการปรับแต่งแอนิเมชั่นของคุณ ให้ใช้ฟีเจอร์การแสดงตัวอย่างแบบสดในตัว

ในบทช่วยสอนนี้ เราจะเรียนรู้วิธีเพิ่มประสิทธิภาพและทำให้ SVG เคลื่อนไหวโดยใช้ CSS เราได้รวม Bootstrap 4.1.3 ไว้เท่านั้นเพื่อให้โฟกัสไปที่แอนิเมชั่น หากใช้บูตสแตรป ตรวจสอบให้แน่ใจว่า SVG มีคลาส img-fluid เพื่อให้ปรับขนาดได้อย่างเหมาะสมบนอุปกรณ์พกพา หากคุณเพิ่มคลาสลงใน SVG คุณสามารถเลือกรูปร่างแต่ละรูปร่างภายในรูปภาพได้ เมื่อเราขอให้แอนิเมชันทำเอฟเฟกต์ เราต้องระบุชื่อและคีย์เฟรมของแอนิเมชัน เพื่อให้ CSS เข้าใจว่าเราต้องการให้ทำอะไร จำเป็นอย่างยิ่งที่จะต้องสร้างภาพเคลื่อนไหวข้อความให้เสร็จทันทีที่สี่เหลี่ยมผืนผ้าจางหายไป ลูกบาศก์เบซิเยร์ในขั้นตอนนี้มีการเปลี่ยนแปลงเพื่อให้เคลื่อนที่ได้ช้าลง ผลจากภาพเคลื่อนไหว ส่วนตรงกลางของเราปรากฏที่ 40% ด้วยการหมุนกลับค่าจังหวะ-แดชออฟเซ็ตเป็นศูนย์ เราได้ทำให้เส้นประครอบคลุมเส้นทางทั้งหมด

คุณสามารถสร้างแอนิเมชั่นใน Inkscape ได้หรือไม่?

แม้ว่า ภาษาโปรแกรม Inkscape จะไม่รองรับแอนิเมชันโดยกำเนิด แต่สักวันหนึ่งอาจเป็นไปได้หากโปรแกรมเมอร์คนเดียวหรือทีมเล็กๆ สนใจเข้าร่วมในโซลูชัน หากคุณต้องการเรียนรู้วิธีการเขียนโปรแกรมแอนิเมชันใน Inkscape ให้เข้าร่วมทีมในฐานะนักพัฒนาซอฟต์แวร์

หน้าที่หลักของ แอนิเมชัน Inkscape คือการสร้างเฟรมสำหรับทำให้องค์ประกอบกราฟิกบางอย่างเคลื่อนไหว เช่น รูปภาพ ในฐานะที่เป็นแอนิเมชั่น เรามีเฟรมมากมายที่เปลี่ยนในเสี้ยววินาทีและทำให้ตัวละครเคลื่อนไหวไปมาได้ ในบทเรียนนี้ เราจะแสดงวิธีสร้างและบันทึกเฟรมของฉากเคลื่อนไหวใน Inkscape หากคุณกำลังสร้างภาพเคลื่อนไหว ตรวจสอบให้แน่ใจว่าได้แยกส่วนต่างๆ ของวัตถุแล้ว สำหรับการใช้เฟรมของภาพประกอบนี้ในภาพเคลื่อนไหว ขอแนะนำให้คุณสร้างโฟลเดอร์สำหรับเฟรมเหล่านี้ ขั้นตอนต่อไปคือการเลือกวัตถุทั้งหมด จากนั้นนำทางไปยังเมนูไฟล์ในแถบเมนู เลือกตัวเลือกส่งออกรูปภาพ PNG หรือกด Shift E บนแป้นพิมพ์ลัดเพื่อส่งออกรูปภาพ

ในบทความนี้ เราจะทำการเปลี่ยนแปลงการใช้เฟรมในการออกแบบวัตถุบางอย่าง ขั้นตอนต่อไปนี้จะช่วยคุณสร้างเฟรมสำหรับกราฟิกเคลื่อนไหว หากคุณกำลังมองหาวัตถุเวกเตอร์เพื่อใช้สำหรับจุดประสงค์นี้ คุณสามารถค้นหาวัตถุเหล่านั้นได้บนอินเทอร์เน็ต แต่ควรแยกออกจากกัน

ซอฟต์แวร์แอนิเมชั่นเวกเตอร์ที่ดีที่สุดคืออะไร?

Adobe Animate เป็นซอฟต์แวร์แอนิเมชัน 2 มิติที่ยอดเยี่ยมที่ช่วยให้คุณสร้างแอนิเมชันแบบเวกเตอร์และแรสเตอร์ด้วยวิธีที่มีประสิทธิภาพมากที่สุดเท่าที่จะเป็นไปได้ เครื่องมือนี้ช่วยให้คุณสร้างเนื้อหาขั้นสูงสำหรับเกม เว็บ การออกแบบ UI เนื้อหา eLearning และอินโฟกราฟิกแบบไดนามิก ผลิตภัณฑ์ของ Adobe นอกจากคุณสมบัติที่หลากหลายแต่ซับซ้อนแล้ว ยังเป็นที่นิยมในหมู่ผู้ใช้อีกด้วย คุณยังสามารถใช้ Adobe Animate

Inkscape: โปรแกรมออกแบบกราฟิกที่ยอดเยี่ยมฟรี

หากคุณเพิ่งเริ่มต้นในการออกแบบกราฟิกและต้องการโปรแกรมฟรีที่สามารถทำสิ่งต่างๆ มากมายที่ Illustrator ทำได้ Inkscape เป็นตัวเลือกที่ยอดเยี่ยม ขนาดไฟล์ไม่ใหญ่เท่า Illustrator แต่ก็ฟรีและคุ้มค่าที่จะดู ในทางกลับกัน Illustrator เป็นโปรแกรมเวอร์ชันที่ครอบคลุมมากกว่า และอาจเหมาะสำหรับนักออกแบบกราฟิกที่มีประสบการณ์มากกว่า

Svgs มีแอนิเมชั่นได้ไหม

ด้วย SVG คุณสามารถเปลี่ยนกราฟิกแบบเวกเตอร์เมื่อเวลาผ่านไปเพื่อสร้างเอฟเฟ็กต์ภาพเคลื่อนไหว มีตัวเลือกต่อไปนี้สำหรับ เนื้อหา SVG แบบ เคลื่อนไหว ตัวอย่างข้างต้นรวมองค์ประกอบภาพเคลื่อนไหวของ SVG ส่วนย่อยของเอกสารสามารถใช้เพื่ออธิบายการเปลี่ยนแปลงในองค์ประกอบของเอกสารเมื่อเวลาผ่านไปโดยใช้ SVG

SVG (กราฟิกแบบเวกเตอร์ที่ปรับขนาดได้) เป็นรูปแบบภาพเวกเตอร์ที่ใช้ XML ซึ่งสามารถใช้สร้างกราฟิกสองมิติพร้อมความสามารถในการโต้ตอบและภาพเคลื่อนไหว ในส่วนหนึ่งของบทความนี้ เราจะพูดถึงวิธีการส่งออกและ เพิ่มประสิทธิภาพ SVG การฝัง และวิธีที่แต่ละรายการส่งผลต่อสไตล์และภาพเคลื่อนไหวที่พวกเขานำเสนอ ในกรณีนี้ เราจะสร้างภาพเคลื่อนไหวด้วย CSS และจัดรูปแบบด้วย หากคุณกำลังทำงานกับไฟล์ที่มีพาธจำนวนมาก การย้ายจำนวนตำแหน่งทศนิยมจากสี่เป็นหนึ่งจะลดขนาดลงประมาณครึ่งหนึ่ง ข้อดีอย่างมากคือการสามารถดูตัวอย่างการปรับให้เหมาะสม เนื่องจากการปรับแต่งบางอย่างอาจทำให้ไฟล์ของคุณเสียหายได้ เครื่องมือออนไลน์ของ Peter Collingridge เป็นหนึ่งในเครื่องมือต่างๆ ที่มีอยู่เพื่อเพิ่มประสิทธิภาพโค้ด SVG เนื่องจาก SVG 1.1 ไม่ต้องการ CSS ในการจัดรูปแบบโหนด จึงจัดรูปแบบโดยใช้แอตทริบิวต์การนำเสนอ

แอตทริบิวต์การนำเสนอเป็นคุณสมบัติที่สามารถใช้เพื่อระบุคุณสมบัติ CSS ในองค์ประกอบ ในระหว่างนี้ เราจะไปมีส่วนร่วมกับน้ำตกสไตล์ของพวกเขา นอกจากนี้ยังสามารถใช้คุณสมบัติ CSS เพื่อตั้งค่าสไตล์ของ องค์ประกอบ SVG เป็นชวเลขสำหรับกำหนดคุณสมบัติ CSS บนโหนด sva โดยใช้แอตทริบิวต์การนำเสนอ คำจำกัดความของสไตล์ที่กำหนดแอตทริบิวต์ของงานนำเสนอจะขึ้นอยู่กับคำจำกัดความของสไตล์อื่นๆ และจะถูกนำไปใช้เป็นสไตล์ชีตผู้เขียนระดับล่าง ควรละเว้นสไตล์ที่ด้านล่างสุดของไดอะแกรม SVG ส่วนใหญ่จะจัดรูปแบบโดยใช้คลาสหลอกแบบไดนามิก เช่น โฮเวอร์ แอกทีฟ และโฟกัสใน CSS2

ในลักษณะเดียวกับที่องค์ประกอบ HTML แปลงและแปลงแหล่งกำเนิด องค์ประกอบ SVG ก็เช่นกัน ซึ่งแตกต่างจาก HTML ซึ่งควบคุมโดยโมเดลกล่อง SVG ไม่มีระยะขอบ เส้นขอบ ช่องว่างภายใน หรือกล่องเนื้อหา ข้อกำหนดการสะกดหมายถึงชื่อของแต่ละคุณสมบัติตามที่กำหนดไว้ในข้อกำหนดเฉพาะของ CSS (โดยปกติจะเป็นอักษรตัวพิมพ์เล็กและขีดกลาง) เมื่อคุณป้อนค่าที่มาจากการแปลงเป็นเปอร์เซ็นต์ ค่าจะถูกตั้งค่าเป็นกล่องขอบเขตขององค์ประกอบ ใน Firefox ขณะที่เขียน การตั้งค่าจุดกำเนิดการแปลงเป็นค่าเปอร์เซ็นต์ไม่ทำงาน ในขณะนี้ สิ่งที่ดีที่สุดที่คุณสามารถทำได้คือการใช้ค่าสัมบูรณ์ที่คาดว่าจะทำงานตามที่คาดไว้ ข้อดีและข้อเสียของวิธีการฝัง SVG ในเอกสารทั้งหกวิธีสามารถสรุปได้ในประโยคเดียว

ลักษณะที่คุณฝัง SVG จะเป็นตัวกำหนดว่าสไตล์ CSS ภาพเคลื่อนไหว และการโต้ตอบบางอย่างจะทำงานหรือไม่เมื่อฝังแล้ว นอกเหนือจากการเขียนบทความที่ยอดเยี่ยมแล้ว Jake Archibald ยังให้คำอธิบายอย่างละเอียดเกี่ยวกับเทคนิคอีกด้วย แม้ว่ามาตรฐาน HTML จะไม่ได้ระบุว่าเป็น HTML หรือไม่ก็ตาม นอกจากนี้ การใช้แท็ก <svg> แบบอินไลน์ – เป็นโค้ดไอส์แลนด์ – สามารถฝัง SVG ได้ Inline SVG และ CSS ทำงานง่ายกว่ามากเพราะสามารถกำหนดสไตล์และเคลื่อนไหวได้ เมื่อฝัง SVG แล้ว ตรวจสอบให้แน่ใจว่าตอบสนองอย่างสมบูรณ์ในทุกเบราว์เซอร์ หากคุณฝัง SVG ของคุณในเบราว์เซอร์โดยใช้เทคนิคการฝัง คุณอาจต้องใช้การแฮ็กและแก้ไขเพื่อให้เข้ากันได้ข้ามเบราว์เซอร์

ในบทความของฉันเกี่ยวกับ Codrops ฉันได้กล่าวถึงความไม่สอดคล้องกันและจุดบกพร่องในเชิงลึกมากขึ้น เมื่อ SVG ถูกฝังอยู่ในภาพพื้นหลัง คุณไม่จำเป็นต้องประสบปัญหาในการแฮ็คเพื่อทำให้ภาพออกมาเป็นเช่นนั้น นอกจากนี้ หากต้องการให้วัตถุมีความกว้าง 100% คุณต้องระบุเป็น 100% ในเบราว์เซอร์ส่วนใหญ่ องค์ประกอบ CSS ที่แทนที่ด้วยองค์ประกอบใหม่จะต้องมีขนาด 300 x 150 พิกเซล เป็นวิธีเดียวที่จะสร้าง iframe ที่ตอบสนองตาม Thierry Koblentz ใน A List Apart คุณยังสามารถค้นหาสื่อ CSS โดยใช้ SVG หากต้องการเปลี่ยนสไตล์ของ SVG คุณสามารถใช้คิวรีสื่อสำหรับวิวพอร์ตขนาดใดก็ได้ วิวพอร์ตของ SVG คือวิวพอร์ตจริงของหน้า ไม่ใช่ของเพจ ในแง่ของแนวคิด สิ่งนี้คล้ายกับการสืบค้นองค์ประกอบมาก

วิธีสร้างภาพเคลื่อนไหว Svg

เมื่อใช้ ภาพเคลื่อนไหว SVG คุณจะสามารถเพิ่มองค์ประกอบแต่ละรายการ (จุด เส้น เส้นโค้ง ฯลฯ) เข้าไปได้ จะดีกว่าถ้าวัตถุมีขนาดเท่าลูกบอลเล็กๆ แทนที่จะเป็นขนาดของวัตถุทั้งหมด วิธีนี้สามารถทำได้ในการเขียนสคริปต์หรือในรูปแบบของภาพเคลื่อนไหว หลังจากสร้างแอนิเมชันแล้ว สามารถส่งออกเป็นไฟล์ .SVG เพื่อใช้ในเว็บหรือแอปพลิเคชันอื่นๆ ได้

Inkscape Svg

Inkscape เป็นโปรแกรมแก้ไขกราฟิกแบบเวกเตอร์ที่สามารถใช้สร้างหรือแก้ไขไฟล์กราฟิกแบบเวกเตอร์ที่ปรับขนาดได้ (SVG) เป็นซอฟต์แวร์โอเพ่นซอร์สฟรีและเผยแพร่ภายใต้สัญญาอนุญาตสาธารณะทั่วไปของกนู Inkscape มีชุดคุณสมบัติที่ครอบคลุม รวมถึงการรองรับเอกสารหลายหน้า เลเยอร์ การแก้ไขโหนด การติดตามบิตแมป การแก้ไขข้อความตามข้อความของ ซอร์สโค้ด SVG และอื่นๆ อีกมากมาย

เมื่อใช้ Inkscape คุณสามารถสร้างภาพ jpg หรือไฟล์ประเภทอื่นๆ และแปลงเป็นไฟล์เวกเตอร์ได้ วิธีนี้ทำให้การสร้างไฟล์ตัด SVG ความละเอียดสูงเป็นเรื่องง่าย หากคุณต้องการปรับปรุงโปรแกรม AI ของคุณให้เป็นมืออาชีพมากขึ้น ทำให้ใช้งานง่าย และจ่ายเงินเพียงเล็กน้อย AI คือการลงทุนที่ยอดเยี่ยม คุณสามารถเรียนรู้วิธีสร้าง ไฟล์ SVG ของคุณเองด้วยความช่วยเหลือของ Inkscape ในบทช่วยสอนวิดีโอนี้ คุณจะได้เรียนรู้วิธีสร้างไฟล์ SVG โดยใช้ Inkscape คุณสามารถแปลง jpg และ png เป็น svega ได้ทันทีที่คุณรู้พื้นฐาน

เหตุใด Inkscape จึงเป็นรูปแบบกราฟิกแบบเวกเตอร์ที่ดีกว่า

Inkscape และ SVG ธรรมดา เป็นรูปแบบกราฟิกสองรูปแบบที่ประกอบด้วยเส้น เส้นโค้ง และจุด แม้ว่า SVG ธรรมดาจะให้คุณเปลี่ยนรูปร่างและลักษณะที่ปรากฏของกราฟิกได้ แต่ฟังก์ชัน SVG ของ Inkscape ช่วยให้คุณเปลี่ยนได้อย่างมาก เนื่องจาก Inkscape เป็นโปรแกรมวาดภาพแบบเวกเตอร์ และ SVG แบบธรรมดาเป็นโปรแกรมแสดงผลแบบเวกเตอร์ ทั้งสองรูปแบบจึงไม่สามารถใช้แทนกันได้ เนื่องจาก Inkscape เป็นโปรแกรมวาดภาพเวกเตอร์ ในขณะที่ SVG ธรรมดาเป็นรูปแบบการแสดงเวกเตอร์ สิ่งสำคัญคือต้องเข้าใจว่า Inkscape และ SVG ธรรมดานั้นไม่เหมือนกัน เป็นผลให้ Inkscape สามารถจัดการรูปร่างเวกเตอร์ที่ซับซ้อนกว่าที่สร้างขึ้นด้วย SVG ธรรมดาอย่างเห็นได้ชัด นอกจากนี้ Inkscape ยังมีคุณสมบัติเพิ่มเติมมากมายที่ทำให้ปรับแต่งและควบคุมรูปลักษณ์และรูปร่างของกราฟิกของคุณได้ง่ายกว่าที่เคย

Adobe Animate Svg

Adobe Animate รองรับการนำเข้าและส่งออกไฟล์ SVG ซึ่งหมายความว่าคุณสามารถสร้างภาพเคลื่อนไหวของคุณใน Animate แล้วส่งออกเป็นไฟล์ SVG เพื่อใช้บนเว็บไซต์ของคุณหรือในแอปพลิเคชันอื่นๆ คุณยังสามารถนำเข้าไฟล์ SVG ไปยัง Animate เพื่อสร้างภาพเคลื่อนไหวจากไฟล์ SVG ที่มีอยู่

Scalable Vector Graphics (SVG) เป็นภาษามาร์กอัป XML ที่อธิบายภาพสองมิติ ภาพเคลื่อนไหวเปิดใช้งานการส่งออกไฟล์ SVG โดยไม่ต้องใช้คำจำกัดความหรือรหัสที่ไม่ต้องการ มันจะทำให้การนำเข้า SVG ใน Character Animator ง่ายขึ้นมาก เพราะมันจะทำให้คุณสามารถส่งออกมันได้ ด้วยการส่งออก SVG สัญลักษณ์หลายรายการจะถูกส่งออกอย่างปลอดภัยโดยไม่สูญเสียเนื้อหา งานศิลปะใน Animate ดูเหมือนจะเหมือนกับงานศิลปะบนเวที FXG Export ซึ่งก่อนหน้านี้มีให้บริการใน Animate (13.0) พร้อมใช้งานแล้วโดยใช้คุณสมบัตินี้ มีคุณลักษณะบางอย่างที่ รูปแบบ SVG ไม่รองรับ คุณสมบัติเหล่านี้จะถูกลบออกหรือใช้เป็นค่าเริ่มต้นเมื่อส่งออกเนื้อหาไปยังคุณสมบัติที่รองรับ

Adobe Animate และ Svg: Pai ที่สมบูรณ์แบบ

ด้วยการนำเข้าเนื้อหา SVG ไปยัง Adobe Animate คุณสามารถสร้างภาพเคลื่อนไหวที่ซับซ้อนและสมจริงได้ ด้วยการใช้องค์ประกอบแอนิเมชันของ SVG คุณสามารถสร้างการเคลื่อนไหวที่ราบรื่นและสมจริง