Godot เบื้องต้น Sprites

Sprites

สไปรท์ คือรูปภาพต่าง ๆ ที่นำมาใช้ในเกม เช่น ภาพตัวละคร ภาพต้นไม้ อาคาร หรือจะเป็นภาพท่าทางเคลื่อนไหว ต่าง ๆ

ภาพสไปรท์ที่ค้นหาจาก google


ทดสอบสไปรท์

มาลองเอาสไปรท์เข้าไปยังโปรเจคเกม
ให้สร้างโปรเจคใหม่ ชื่อ sprites1 

*** ผมจะใส่ภาพประกอบน้อยลง เพราะผู้ฝึกทุกท่านน่าจะมีพื้นฐานจากบทความก่อนหน้ามาแล้ว ***

เมื่อเข้าสู่ Editor จะมี สไปรท์1 อันแถบมาด้วย ก็คือ icon ของ godot นั่นเอง  มีส่วนขยายเป็น .png   การนำสไปรท์เข้าสู่เกมหรือนำไปใช้งาน มีด้วยกันตามวิธีที่ผมทดสอบ
ภาพโปรเจค sprites1

ก่อนอื่นเลยให้สร้าง root โหนดก่อนครับ  เพิ่มโหนด node2D  ทำการเปลี่ยนชื่อเป็น player

คลิกเลือกโหนด player 

  1. คลิกที่ ภาพที่ต้องการ ลากลงไปในฉาก ถ้าต้องการเปลี่ยนชนิดด้วย กด Alt แล้วปล่อยเมาว์ที่คลิกไว้ 
    สามารถกำหนดชนิดของโหนดสไปรท์
  2. สร้างโหนด sprite ที่ต้องการ 
    ตัวอย่างการกำหนด สไปรท์
    ไปที่ Inspector Texture เลือก Load และกำหนดไปที่ ภาพ (icon.png)  เราก็จะได้ภาพตัวละคร
  3. จากข้อ 2 สามารถลาก ภาพมาวางในช่อง Texture ของ sprite ได้เลย 





ความพยายาม
ครั้งที่ 100
ดีกว่าคิดท้อถอย
ก่อนที่จะทำ
by http://www.dookorea.com








ความคิดเห็น

แสดงความคิดเห็น

โพสต์ยอดนิยมจากบล็อกนี้

Godot เบื้องต้น GDScript

รูปภาพ
GDScript เป็นภาษเขียนโปรแกรมแบบไดนามิคที่ยืมรูปแบบมาจาก python   ซึ่งเป็นภาษาที่เข้าใจรูปแบบง่ายและสามารถเรียนรู้ได้เร็ว ไดนานิค ตรงนี้ จะอธิบายง่าย ๆ คือภาษาที่่เขียนโดยไม่ต้องกำหนดชนิดของข้อมูล  ถ้าอยากทราบละเอียดกว่านี้ ตามไปอ่านได้  GDScript ลองใช้ GDScript ผมจะใช้ตัวอย่างจากโปรเจค helloworld ( สร้างโปรเจค helloworld ) โดย จะทำการเพิ่มปุ่มกด ลงในฉาก ( อ่านเพิ่มเติมได้ ที่นี่ ) และจะเขียน GDScript กำหนดให Label เปลียนเป็นข้อความอื่น ทำการเพิ่มโหนด Button ใหม่ และทำการจัดปุ่มตามตัวอย่าง Button จะเป็น โหนดลูกของ Label จัดตำแหน่งข้อความและเพิ่มข้อความ จากนั้นไปที่คลิกเหลือก โหนด Label  คลิกที่ + เป็นคำสั่ง เพิ่ม GDScript เข้ากับโหนด Label ขึ้นหน้าต่างให้กำหนดข้อมูล ในส่วนของ Path โดยปกติจะตั้งชื่อให้เอง โดยจะอ้างอิงจากชื่อโหนด  กด Create จะแสดงหน้าต่าง Editor สำหรับพิมพ์ GDScript จากนั้น จะทำการเพิ่ม  Function ของปุ่มลงใน Label จะเรียกว่า Signals  ให้คลิกเลือก Button แล้วไปที่ Node แสดงรายการ Signals ของโหนดปุ่ม จากนั่นให้คลิกที
อ่านเพิ่มเติม

Godot engine คือ

รูปภาพ
Godot engine https://godotengine.org ฟรี 💬 สวัสดีครับ ผู้อ่านทุกท่าน ผมอยากนำเสนอ  godot   Godot เป็นเครื่องมือแบบโอเพนซอร์สที่มีความสามารถตัวหนึ่งที่ ผม คิดว่าดีมาก ลองรับการพัฒนา 2D และ 3D และสามารถติดตั้งได้ทั้ง Windows Linux OS X ส่วนในเรื่องของการส่งออกได้ทั้ง Windows Windows Universal Linux HTML Android Blackberry สำหรับ engine ฟรี ถือว่าดีมากครับ เหมาะสมหรับนักพัฒนาเริ่มต้นถึงระดับสูงได้เลย ซึ่งผลงานต่าง ๆ สามารถตามไปดู  https://godotengine.org/showcase ถ้าพร้อมแล้วก็ไป Download ได้เลย  https://godotengine.org/download สรุป ข้อดี 1. แน่นอน มันฟรี เย้ ๆๆๆ 2. ตั้งโปรแกรมได้หลาย OS โดยเฉพาะ Linux 🤣  3. สร้างได้ทั้ง 2D และ 3D  4. Export ได้ทั้ง Window , HTML5 , Linux , Mac , Android , BlackBerry  5. มีสือการสอนค่อนข้างเยอะและตัวอย่าง (ภาษาอังกฤษ) 6. Help ต่าง ๆ ในโปรแกรมมีให้ค้นหา 7. มีตัวอย่าง Demo ต่าง ๆ มาให้ศึกษา (Download เอาในเวปหลัก) 8. มีการพัฒนาอย่างต่อเนื่อง ล่าสุด Godot 3 ยังไม่ปล่อยให้ใช้ อยู่ในช่วงพัฒ
อ่านเพิ่มเติม

Godot เบื้องต้น เริ่มต้นเขียนอะไรง่าย ๆ

รูปภาพ
Helloworld ♡ Hellworld เป็นโปรโยคที่โปรแกรมเมอร์ต่าง ๆ จะรู้จักกันดี ไม่ว่าเราจะเริ่มต้นศึกษาภาษาใด ไม่ว่าจะเป็น C , CGI , PHP เป็นต้น แม้แต่เกม ก็ต้องไม่พ้นการยกตัวอย่างขึ้นมาเขียนของประโยค ยอดฮิต Helloworld  บทความนี้จะแสดงพื้นฐานคำสั่ง การสร้าง Node และ Scene เมื่อโปรแกรมและทำการสร้างโปรเจคเรียบร้อยแล้ว (  การสร้างโปรเจคใหม่  ) ตัวอย่างหน้าต่าง เมื่อทำการสร้างโปรเจคหรือแก้ไข  เนื่องจากจะเขียนแสดงคำว่า Helloworld ให้เขียนแบบ 2D ก็พอครับ ให้คลิกที่ 2D  (  โครงสร้างหน้าต่าง  ) คลิกที่ปุ่ม 2D โปรแกรมจะเปลี่ยนโหมดแสดงผลมาเป็น 2D  จากนั้นให้กำหนดขนาดของเกม เป็น 600x420 (กว้าง (Width) x ยาว (Height) )  คลิกเมนู Scene/Project Setting กำหนดขนาด กว้าง x ยาว 600 x 400 ถ้าต้องการบันทึกตัวเลขที่แก้ไข ให้ Enter กำหนดเสร็จก็ Close ได้เลย สร้าง Node  (  โครงสร้างหน้าต่าง  ) ให้ไปที่หน้าต่าง Scene เพื่อเพิ่มโหนด คลิกที่ + เพื่อเพิ่มโหนด หน้างต่าง Create New Node  ให้พิมพ์ label ลงในช่อง Search เพื่อหา โหนด Label กด Create แสดงภาพโหนดหลัง
อ่านเพิ่มเติม