Play engine รวมซอฟต์แวร์พัฒนาเกม

Spacecraft Preview สวัสดีครับ จากที่ผมได้ศึกษาฝึกพื้นฐาน ก็เกิดเครื่องร้อนขึ้นมา (ยังศึกษาพื้นฐานไม่ครบ) ก็ตัดบททำเกมเลยได้ออกมาพอใจเหมือนกันทำให้รู้ว่า godot มันยอดจริง ๆ  ตอนที่สร้างเกม ก็ยังนึกไม่ออกมาจะสร้างออกมาแนว ๆ ไหน ตอนแรก ก็วาดรูปยาน และศัตรู แบบง่าย ๆ จากนัั้นผมก็ลองสร้าง ทีละขั้นตอน  ภาพตัวละครที่วาดเอง และไปหยิบจากทีื่อื่นอย่างละนิดอย่างละหน่อย แยกไฟล์งานตามชนิด ช่วยให้หาไฟล์ได้ง่าย ไฟล์ Scene ต่าง ๆ ที่สร้าง ไฟล์ GDScript  โดยผมก็นึกว่าผมต้องทำอะไรก่อน ค่อย ๆ ไปที่ล่ะอย่าง  หาวิธีทำให้ยานหรือตัวละครของเราเคลื่อนไหวให้ได้ ก็หยิบยกตัวอย่างจากที่อื่น ๆ มาเขียนดู จริงค่อนข้างจะคล้ายกันในเรื่องการเขียน code เคลื่อนไหว ทำให้กดแล้วปล่อยกระสุน ปรับในเรื่องออกฉาก โดนวัตถุ สร้างศัตรู แบบง่าย ๆ ให้โดนกระสุนแล้วตาย หรือโดนตัวผู้เล่น จากนั่นลองปรับให้มีการเคลื่อนไหว ที่แตกต่าง ๆ เพิ่มฉาก ตอนแรกผมก็จะสร้างฉากเป็นด่าน ๆ แต่เลิกล้มเพราะ น่าจะเยอะเลยจะเอาแค่ ฉากเดียว แล้วเขียน Random ข้อมูลศัตรูต่าง ๆ เอาแทนในฉากเดียว...

Sprites สไปรท์ คือรูปภาพต่าง ๆ ที่นำมาใช้ในเกม เช่น ภาพตัวละคร ภาพต้นไม้ อาคาร หรือจะเป็นภาพท่าทางเคลื่อนไหว ต่าง ๆ ภาพสไปรท์ที่ค้นหาจาก google ทดสอบสไปรท์ มาลองเอาสไปรท์เข้าไปยังโปรเจคเกม ให้สร้างโปรเจคใหม่ ชื่อ sprites1   *** ผมจะใส่ภาพประกอบน้อยลง เพราะผู้ฝึกทุกท่านน่าจะมีพื้นฐานจากบทความก่อนหน้ามาแล้ว *** เมื่อเข้าสู่ Editor จะมี สไปรท์1 อันแถบมาด้วย ก็คือ icon ของ godot นั่นเอง  มีส่วนขยายเป็น .png   การนำสไปรท์เข้าสู่เกมหรือนำไปใช้งาน มีด้วยกันตามวิธีที่ผมทดสอบ ภาพโปรเจค sprites1 ก่อนอื่นเลยให้สร้าง root โหนดก่อนครับ  เพิ่มโหนด node2D   ทำการเปลี่ยนชื่อเป็น player คลิกเลือกโหนด player  คลิกที่ ภาพที่ต้องการ ลากลงไปในฉาก ถ้าต้องการเปลี่ยนชนิดด้วย กด Alt แล้วปล่อยเมาว์ที่คลิกไว้  สามารถกำหนดชนิดของโหนดสไปรท์ สร้างโหนด sprite ที่ต้องการ  ตัวอย่างการกำหนด สไปรท์ ไปที่ Inspector Texture เลือก Load และกำหนดไปที่ ภาพ (icon.png)  เราก็จะได้ภาพตัวละคร จากข้อ 2 สามารถลาก ภาพมาวางในช่อง Text...

Syntax มาดู syntax ของ GDScript กันหน่อย ถ้ามีพื้นฐานของ Python อยู่แล้ว ก็สบายครับ อย่างที่อธิบายไปก่อนหน้า  GDScript ได้ยืมรูปแบบมาจาก Python ครับ  ชนิดของตัวแปร GDScript การประการตัวแปร ไม่จำเป็นต้องกำหนดชนิดครับ ทำให้เราไม่ต้องมาคิดว่าเป็นชนิดอะไร ถึงจะเป็นแบบนั่น ผมคิดว่าเราก็จำเป็นที่ต้องรู้ชนิดของตัวแปรในแต่ละประเภท  String (ข้อความ) จะอยู่ในเครื่องหมาย "ข้อความ" var spriteName = "Hero" Integer (ตัวเลข) var age = 25 Float (ตัวเลขทศนิยม) var money = 100.30 Array (อาร์เรย์) ข้อมูลหลายประเภทที่ประกอบกันเป็น ชุด ๆ  var month = ['January','February','March','April'] Dictionary (พจนานุกรม) var person = {'name':"Robert",'age':25}  Boolean (จริง,เท็จ) var cool = true var cool = false การกำหนดตัวแปร การกำหนดตัวแปรทั่วไป var ชื่อตัวแปร = ข้อมูล var name = "Robert" ซึ่งเมื่อกำหนดแล้วต้องการเปลี่ยนค่า  name ...

ตั้งค่าแสดงเมนูภาษาไทย ตัวอย่างแสดงเมนูภาษาไทย เมนูเป็นภาษาไทยแล้ว วิธีการตั้งค่าเมนูเป็นภาษไทย ให้ทำดังนี้ เมื่อเข้าสู่โปรแกรม ไปคลิกที่ Settings อยู่ด้านขวาบน เลือก Editor Settings  เลือก Settings /Editor Settings มีภาษาไทยด้วย ปรับเปลี่ยนเสร็จให้ปิดเปิดโปรแกรมใหม่ คนที่ประสบความสำเร็จมากที่สุดในโลก คือคนที่พบเจอความผิดพลาดและความล้มเหลวมามากกว่าคนอื่น

การเปิดแก้ไขงาน ! ทำไม ต้องมาเขียนอธิบายเรื่องนี้กัน ก็ผมเคย งง ตอนช่วงแรก ๆ เนื่องจาก godot การแก้ไขจะเป็นแบบ ระบบแยกไฟล์ จะแก้ไขอะไร ต้องเปิดไฟล์ นั่น ๆ  ขึ้นมา ซึ่ง godot ไม่ได้เปิดขึ้นมาให้เราทุกไฟล์ ที่เคยสร้างไว้ นั่นเอง เปิดไฟล์งาน helloworld  เลือกโปรเจค และทำการ Edit โปรแกรมไม่ได้เปิดไฟล์ให้เรา *** ถ้ามีการกำหนดไฟล์ เริ่มต้นของเกม โปรแกรมจะเปิดไฟล์เริ่มต้นให้   เปิดไฟล์อื่น ๆ  ไปคลิกไฟล์ในส่วนของ File System  ให้คลิกไฟล์ที่ต้องการ แล้ว คลิกขวาเลือก Open ให้คลิกที่ไฟล์ต้องการ ต้องเป็นไฟล์ประเภทที่ Editor รองรับ คือไฟล์ *.tscn และ *.gd  หลังจากเปิดจะขึ้นมาให้แก้ไข ผลลัพธ์ของความพยายาม เรียกว่า " อัจฉริยะ " by ซูซูกิ อิจิโระ www.thaiFranchiseCenter.com

File System มาเรียนรู้การจัดระบบไฟล์กันหน่อยดีกว่า  ส่วนนี้ถือว่าเป็นสิ่งจำเป็นที่จะช่วยให้นักพัฒนาเกมสามารถแก้ไข หรือค้นหาได้รวดเร็วยิ่งขึ้น และการได้รู้จักชนิดของไฟล์ ก็จำเป็นที่จะสามารถแยกกลุ่มของข้อมูลได้ ก่อนอื่นเรามาดู ชนิดไฟล์หลัก ๆ ของระบบ godot มีอะไรบ้าง engine.cfg เป็นไฟล์ Config ของโปรเจคครับ ซึ่งข้างในจะเป็นข้อมูล text สามารถแก้ไขได้ และเป็นไฟล์ที่ใช้สำหรับเริ่มเปิดโปรเจค *.tscn เป็นไฟล์ข้อมูล Scene ของโปรเจค  *.gd เป็นไฟล์ข้อมูล GDscript  ระบบ   Path  godot จะลองรับ  /  เท่านั่นถ้าเป็นระบบอื่น เช่น windows ในการอ้างถึงก็จะเป็น  c:\godot\helloworld\engine.cfg  ก็ต้องเปลี่ยนเป็น c:/godot/helloworld/engine.cfg Resource path เป็นระบบ path ที่อ้างอิงเฉพาะในโปรเจคที่สร้างเท่านั่น  โดยจะขึ้นต้นด้วย res://  เช่น  var res = preload ( "res://coin.png" ) ตัวอย่าง File System การจัดเก็บงานให้เป็นหมวดหมู่ จัดแยกข้อมูลตามประเภทของไฟล์ ซึ่งแนะนำให้ฝึก ตัว...

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

แสดงผลภาษาไทย ตอนลองใช้โปรแกรมใหม่ หรือจะหาโปรแกรมสักตัวเพื่อเขียนเกม ผมต้องทดสอบเลยว่าสามารถแสดงผลภาษาไทยได้หรือไม่  ซึ่ง godot ทำออกมาได้ดี สามารถลองรับแสดงผลของภาษาไทยได้ โดยการ import font โดยเราสามารถเลือกรูแบบ font ได้ตามต้องการ  ในตัวอย่าง ผมจะใช้ font sarabun  http://www.f0nt.com/release/th-sarabun-new/ Import font เมื่อเข้าสู้หน้าต่าง Editor ของโปรเจคให้ไปเมนู Import/font  ตัวอย่างการกำหนดค่า font เมื่อขึ้นหน้าต่าง Font Import ให้ทำขั้นตอนดังนี้ Source Font คือการเลือกแบบ Font ที่ต้องการให้อ้างอิงไปยัง Font ที่เตรียมไว้ Source Font Size  กำหนดขนาดตัวอักษร์ Dest Resource กำหนดชื่อ font ซึ่งจะจัดเก็บในงานโปรเจค Test ให้พิมพ์ตัวอย่าง เพื่อทดสอบ ซึ่งเมื่อพิมพ์ไทยไปแล้วจะไม่แสดงผล  Character Set ตรงนี้ให้กำหนดเป็น Unicode ตัวอย่างจะสามารถแสดงผลไทยได้แล้ว จากนั่นทำการ Import  การใช้งาน ในแต่ละโหนดที่มีคุณสมบัติของ Font จะสามารถกำหนด แบบ font ได้ทั้งหมด ตัวอย่าง ใช้โปรเจคตัวอย่างจาก helloworld  ...

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  ให้พ...