arrow-left

Only this pageAll pages
gitbookPowered by GitBook
1 of 5

🎮 Unity Games

Loading...

มือใหม่หัดเขียนเกม

Loading...

Loading...

Loading...

Unity คือไย?

😎 โปรแกรมเมอร์สายเกมสุดคูล์เริ่มไง ?

hashtag
🤔 Unity ทำไยได้ ?

ก่อนจะเริ่มเขียนเกมส์ เรามาดูกันก่อนดีกว่าว่าเจ้า Unity มันคุ้มค่าที่จะสละเวลาอันไร้ค่าของเราไปให้มันหรือเปล่า?

โดยอธิบายแบบรวดรัดก็คือ มันเอาไว้ สร้างเกมส์ ที่เขียนครั้งเดียวแล้วเอาไปเล่นได้หลายๆที่ Android, iOS, Mac, Windows, Linux, Apple Tv, XBox One, Play Station, Nitendo Switch, Website (ซึ่งเราเรียกของแบบนี้ว่า Cross Platform นั่นเอง) แต่สิ่งที่ต่างจากเดิมก็คือเดี๋ยวนี้ Unity มันแจ่มขนาดเราเอาไปสร้างเป็นหนัง หรือ ออกแบบโครงสร้างทางวิศวะกรรมได้เลยนั่นเอง

circle-check

สำหรับใครที่ไม่อยากพลาดอัพเดทบทความใหม่ๆ สามารถเข้าไปกด Like เพื่อรับข่าวสารใหม่ๆจาก ได้นะครับ 😍

hashtag
🤔 สร้างได้แต่เกมส์กากๆป่าว ?

เพื่อนๆบางคนที่เคยใช้โปรแกรมสร้างเกมส์แบบอื่น อาจจะยังติดภาพว่าส่วนใหญ่โปรแกรมสร้างเกมส์ก็จะสร้างได้แต่เกมส์กากๆเท่านั้นแหละ แต่เสียใจด้วยเพราะเจ้า Unity สามารถนำไปสร้างเกมส์ฟอร์มยักษ์ได้นะจ๊ะ ไม่เชื่อลองดูตัวอย่างหนังที่ใช้ Unity Render ภาพสดๆดูซิว่ามันสามารถทำแบบนี้ได้

ตัวอย่างหนังสั้น The Heretic เป็นการโชว์ภาพในเกมส์แบบ real-time cinematic โดยใช้ Resolution 1440p ซึ่งทำได้ 30 fps บน PC นั่นเอง (ทำได้ขนาดนี้ DotA ก็เขียนได้สบายแล้วล่ะ)

ส่วนเกมส์ดังๆเจ้าไหนใช้ Unity บ้างลองไปดูได้จากลิงค์นี้เอาละกัน

hashtag
🤔 สร้างเกมส์แนวไหนได้บ้าง ?

ข้อนี้ขอบอกเลยว่าได้ทุกรูปแบบ ไม่ว่าจะเป็น 2D, 3D, 2.5D, AR, VR ได้โม๊ดดดดดดดดด

hashtag
2D - Cuphead

hashtag
3D - Praey for the Gods

hashtag
2.5D - Hearthstone

hashtag
🤔 ใช้ภาษาไรเขียน ?

โลโก้แปะตัวใหญ่ๆเลย ภาษา C# นะซี๊!! ผมบอกแล้วเรียนภาษานี้ตัวเดียวเขียนได้ครอบจักรวาล ตั้งแต่ front-end ยัน back-end ถีบไปจนถึง Mobile, Games, IoT, AI วู๊วววววขี้เกียจร่ายยาวเอาเป็นว่าผมจบที่ภาษานี้แหละหากินได้ตลอดชาติละ

hashtag
🤔 เขียนโค้ดไม่เป็นทำเกมส์ได้ป่าว ?

ยินดีด้วย Unity ตัวล่าสุดสามารถให้เราสร้างเกมส์โดยที่ไม่ต้องเขียนโค้ดเลยแม้แต่บรรทัดเดียวได้แล้ว โดยใช้เจ้าสิ่งที่ชื่อว่า Visual scripting นั่นเอง

hashtag
🤔 อยากสอนลูกเขียนโค้ด ?

แนะนำสำหรับพ่อแม่ที่มีลูกแล้วอยากให้เขาได้เรียน Logic ผมแนะนำ Unity เลยเพราะมันทำให้เด็กได้สนุกไปกับการสร้างของที่เขารัก ซึ่งเป็นอีกตัวเลือกที่ดีมากสำหรับเด็กที่โตแล้ว ส่วนถ้าเป็นลูกเล็กผมแนะนำไปศึกษาจาก จะง่ายกว่านะจ๊ะ

hashtag
💖 บทสรุป

อ่านมาถึงขนาดนี้ได้ก็แสดงว่าน่าจะเป็นผู้ฝักใฝ่ในรสพระเกมส์บ้างพอตัวแล้วล่ะ ซึ่งผมบอกเลยว่ามันง่ายม๊วกๆ เพราะผมลองศึกษามันช่วงปีใหม่ 1 อาทิตย์ก็สามารถเขียนเกมส์ได้ละ (อวดๆ) และสำหรับเพื่อนๆที่มีฝันอยากทำเกมส์เป็นของตัวเอง (เหมือนกับผม) หรืออยากหัดเขียนโปรแกรม ผมแนะนำลองดูซีรี่ตัวนี้ไล่อ่านตั้งแต่บทความแรกไปเรื่อยๆได้เลย เพราะมันจะเขียนโดยเรียงความรู้ต่อยอดไปเรื่อยๆนะจ๊ะ ส่วนใครที่สนใจอยากเรียน C# ให้แจ่มๆสามารถไปดูได้จากซีรี่ตัวนี้เบย

Facebook Blog: Mr.Saladpukarrow-up-right
https://unity.com/madewitharrow-up-right
https://scratch.mit.eduarrow-up-right
https://www.saladpuk.com/beginner-1/csharp101arrow-up-right
ตัวอย่างเกมส์ที่หัดเขียนใช้เวลาทั้งหมด 5 วัน (โขมยภาพจากที่อื่นๆมาลองเล่นไปทั่ว ฮี่ๆ)

สลัดผักเกมส์

มาทำความเข้าใจกันหน่อยนุงน๊า

ในหมวดนี้ ดช.แมวน้ำ จะสอนเรื่องการสร้างและพัฒนาเกมส์โดยใช้ Unity Game Engine เป็นหลัก ซึ่งข้อดีของการใช้ Unity คือ เราสามารถเขียนเกมครั้งเดียวแล้วเอาไปใช้เล่นได้ทั้งบน Android, iOS, Windows, Steam, Website, XBox, Play Station บลาๆ แถมความรู้ในการเขียนโค้ดด้วยภาษา C# ก็ยังสามารถเอามาใช้ได้เลยทันที XD

circle-check

บทความเก่าหายไปไหน ? ไม่ได้หายไปไหนหรอก ที่เมนูด้านบนซ้ายสุดให้กดไปที่เมนู 🏆 เนื้อหาหลักarrow-up-right ก็จะเป็นการกลับไปที่โซนเนื้อหาทั้งหมดที่เคยเห็นเช่นเดิมขอรับ

circle-check

สำหรับใครที่ไม่อยากพลาดอัพเดทบทความใหม่ๆ สามารถเข้าไปกด Like เพื่อรับข่าวสารใหม่ๆจาก ได้นะครับ 😍

Facebook Blog: Mr.Saladpukarrow-up-right

ลองสร้างโปรเจคเกมตัวแรกกัน

เคลียความเข้าใจการสร้างเกม 2D ด้วย Unity กัน

หลังจากที่ได้ทำการติดตั้งโปรแกรม Unity ไปเรียบร้อยก็อย่ารอช้าเปิดโปรแกรม Unity ขึ้นมาลองเล่นกันเบยยย

circle-check

สำหรับใครที่ไม่อยากพลาดอัพเดทบทความใหม่ๆ สามารถเข้าไปกด Like เพื่อรับข่าวสารใหม่ๆจาก Facebook Blog: Mr.Saladpukarrow-up-right ได้นะครับ 😍

หลังจากที่กดเปิดโปรแกรมและรอมันโหลดหน้าแรกเสร็จ ตัวโปรแกรมก็จะให้เราเลือกว่าจะสร้างเกมส์โดยใช้ Template ไหน ซึ่งในตัวอย่างผมจะสอนทำเกมส์ 2 มิตินะ (หรือเรานิยมเรียกเกมส์แนวนี้ว่า 2D) ซึ่งถ้าเพื่อนๆสามารถทำเกมส์ 2มิติเป็นแล้ว ที่เหลือจะเปลี่ยนแนวไปสร้างแนว 3มิติ ก็แทบจะกระโดดไปทำได้เลยทันที เพราะมันใช้พื้นฐานเดียวกันนั่นเอง

จากตรงนี้ให้เราเลือก Template เป็น 2D แล้วตั้งชื่อโปรเจคอะไรก็ได้ตามที่ใจอยากลงในโซนสีแดง ตามรูปด้านล่าง แล้วกดปุ่ม CREATE ให้เรียบร้อย

circle-info

ในตัวอย่างผมสร้างเกมส์ไว้ภายใน Z:\unity ส่วนถ้าเพื่อนๆอยากเซฟโปรเจคนี้ไว้ที่ไหนก็กดปุ่ม ... แล้วเปลี่ยนเอาเองละกันนะ

หลังจากที่มันเตรียมโปรเจคเสร็จเรียบร้อย เราจะเจอหน้าที่จะใช้ในการสร้างเกมส์ของเราเป็นตามรูปด้านล่างนี้

circle-exclamation

ผมจะขออธิบายวิธีการใช้โปรแกรมนี้ไปทีละอย่างละกัน โดนถ้าเพื่อนๆค่อยทำตามขั้นตอนที่ผมเขียนไว้ เดี๋ยวก็จะเข้าใจการทำงานของมันทั่งหมดเองแหละ :P

เอาล่ะ ในตอนนี้เรามีของพื้นฐานที่เหมาะสำหรับเอาไว้ทำเกมส์ 2D เรียบร้อยแล้ว ดังนั้นถัดไปเราก็จะลองเอารูปวงกลมไปโชว์ในเกมส์กันดูบ้าง โดยการคลิกขวาที่พื้นที่ว่างๆของหน้าต่าง Hierarchy แล้วเลือก 2D Object ตามด้วย Sprite ตามรูปด้านล่างเบย

ในหน้าต่าง Hierarchy เราก็จะเห็นสิ่งที่ชื่อว่า้ New Sprite โผล่เข้านั่นตามรูปด้านล่างนั่นเอง ซึ่งเราก็จะยังไม่เห็นอะไรในตัวเกมของเรานะ

เจ้า Sprite ที่เราทำการสร้างขึ้นมา มันคือตัวที่เอาไว้โชว์รูป ดังนั้นถัดไปเราก็จะทำการเลือกว่าจะเอารูปอะไรมาโชว์ โดยการเลือกที่หน้าต่าง Inspector ที่อยู่ด้านขวาสุด ในช่อง Sprite ให้กดปุ่ม วงกลม ลงไปซะ ตามรูปเบย

สุดท้ายก็ให้เราเลือกรูปวงกลม ตามรูปด้านล่าง

หลังจากที่เลือกเสร็จเราก็จะยังไม่เห็นอะไรอยู่ดี เพราะรูปวงกลมของเรามันเล็กม๊วก ดังนั้นเราก็จะลองขยายรูปของเราดูหน่อยละกัน โดยกดที่หน้าต่าง Inspector เหมือนเดิมนี่แหละ แต่ในรูปนี้เราจะขยาย Scale แกน X และ Y ของตัวรูปาให้ใหญ่ขึ้น 10 เท่า ก็ทำการกำหนดตามรูปเลย เพียงเท่านี้เราก็จะเห็นเจ้ารูปวงกลมของเรากันละ เย่ๆ

hashtag
🤔 สรุปให้เขาใจตรงกันก่อน

ก่อนที่จะไปต่อเรามาเข้าใจให้ตรงกันก่อนว่าเราทำแมวน้ำอะไรลงไปกันนะ

hashtag
หน้าต่าง Hierarchy คือไย ?

เป็นหน้าต่างที่เอาไว้บอกว่าฉากที่เรากำลังเห็นอยู่นี้ มันมี วัตถุ อะไรอยู่ในนั้นบ้าง ซึ่งในตอนนี้ฉากของเราประกอบไปด้วยของ 2 อย่างตามรูปด้านล่าง

เจ้า New Sprite ก็คือวัตถุที่เอาไว้แสดงรูป ที่เราทำการสร้างมันขึ้นมานั่นเอง ส่วนเจ้า Main Camera ก็คือกล้องที่เอาไว้บอกว่าเราจะเห็นอะไรบ้างในฉากนี้ของเรา (เรื่องกล้องเดี๋ยวจะมาอธิบายต่ออีกที)

hashtag
หน้าต่าง Inspector คือไย ?

เป็นหน้าต่างที่เอาไว้แสดงรายละเอียดของ วัตถุ ที่เรากำลังเลือกอยู่นั่นเอง ซึ่งถ้าเราเลือกวัตถุเป็น New Sprite ที่อยู่ในหน้าต่าง Hierarchy เจ้าหน้าต่าง Inspector ก็จะแสดงรายละเอียดแบบนึง ตามรูปด้านล่าง

แต่ถ้าเราเลือกวัตถุเป็น Main Camera แล้วล่ะก็ เจ้าหน้าต่าง Inspector ก็จะแสดงรายละเอียดของกล้องขึ้นมาให้เราเห็นตามรูปด้านล่างนั่นเอง

hashtag
หน้าต่าง Scene คือไย ?

เป็นหน้าต่างที่โชว์ว่าภายในฉากของเรามีการวางวัตถุไว้ตำแหน่งไหนบ้าง

hashtag
ลองเล่นเกมส์ที่สร้างไว้ดิ๊

ถัดไปถ้าเราอยากรู้ว่าตัวเกมส์ของเรามันจะออกมาเป็นยังไง เราก็สามารถลองเล่นเกมส์ได้เลยโดยการกดปุ่ม Play ด้านบน ตามรูปด้านล่าง

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

และเมื่อพอใจแล้ว เราก็จะกดปุ่ม Play ซ้ำอีกครั้ง เพื่อให้มันออกจากโหมด Play นั่นเอง

circle-exclamation

คำเตือน หากเราไปแก้ไขอะไรก็ตามใน Play mode สิ่งที่เราแก้ไขมันจะหายไปทั้งหมดเมื่อเราปิด Play mode นะจ๊ะ เพราะการแก้ไขในขณะที่เปิด Play mode มันเป็นการทำให้ developer ได้ลองแก้ไขค่าต่างๆ หรือ จำลองสถานะการณ์นั่นเอง ดังนั้นพอ stop play mode ปุ๊ป ทุกอย่างที่แก้ไว้มันก็จะหายไปหมดนั่นเอง

hashtag
😎 ลองติดตั้งเกมส์ที่สร้างไว้ดูดิ๊

แค่เจ้าวงกลมง่าวๆวางลงก็สามารถลองติดตั้งเกมส์ลงเครื่องได้เลยนะจ๊ะ โดยให้เรากดที่เมนู File แล้วเลือก Build And Run ได้เลยนั่นเอง แล้วก็รอซักพักใหญ่ๆเดี๋ยวตัวเกมส์ก็จะเปิดขึ้นมาให้เราเห็นวงกลมง่าวๆของเราฮั๊ฟ

hashtag
🤔 อยากเอาเกมส์ไปติดตั้งลงมือถืออ่ะ

ใจเย็นๆนะโยม ในขั้นตอนนี้มันมีรายละเอียดในการติดตั้งเยอะเลย เช่นการติดตั้งเกมส์ของเรา Android หรือ iOS, Tv บลาๆ ก็จะมีขั้นตอนและโปรแกรมที่จะต้องลงเพิ่มอยู่ ซึ่งจะอธิบายไว้ในบทเรียนถัดๆไปอีกทีนะจ๊ะ แต่สำหรับคนที่ใจร้อนจริงๆมันก็ทำง่ายได้จากเมนู File > Build Settings... ที่อยู่ใกล้ๆกันนั่นแหละ แต่ตอนที่กดติดตั้งมันจะบอกให้เราไปลงอะไรเพิ่มเติมอีกทีนั่นเอง :P

hashtag
🎯 สรุป

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

circle-check

สำหรับใครที่ไม่อยากพลาดอัพเดทบทความใหม่ๆ สามารถเข้าไปกด Like เพื่อรับข่าวสารใหม่ๆจาก ได้นะครับ 😍

Facebook Blog: Mr.Saladpukarrow-up-right

ติดตั้ง Unity กัน

อยากเขียนเกมส์ด้วย Unity ต้องลงไรบ้าง

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

circle-check

สำหรับใครที่ไม่อยากพลาดอัพเดทบทความใหม่ๆ สามารถเข้าไปกด Like เพื่อรับข่าวสารใหม่ๆจาก Facebook Blog: Mr.Saladpukarrow-up-right ได้นะครับ 😍

hashtag
🔥 Unity

แน่นอนจะเขียนเกมส์โดยใช้ Unity (อ่านว่า ยู-นิ-ตี้) ก็ต้องติดตั้งมันก่อนเพื่อนอะจิ โดยกดที่ลิงค์ด้านล่างได้เบยครัช

เมื่อกดเข้ามาแล้วให้เลือกเป็น Individual แล้วกดปุ่ม Get started เรย

อธิบายเพิ่มเติม เราสามารถใช้ Unity สร้างเกมส์ได้ฟรีนะ แต่ถ้าเกมส์เราสามารถทำเงินได้เกิน $100 USD ภายใน 1 ปี เขาจะเริ่มขอให้เราจ่ายเงินค่าใช้โปรแกรมเขานะครับ Unity

ถัดมาเขาจะพาเราไปหน้าสอนสำหรับคนที่พึ่งหัดเริ่มต้นเขียนเกมส์ ซึ่งในหน้านี้ให้เรากดปุ่ม Start here ตามรูปด้านล่างเบย

สุดท้ายก็กด Agree and download ได้เลยครับ ซึ่งหลังจากดาวโหลดมาเสร็จแล้วก็ติดตั้งให้เรียบร้อยเลยนะ โดยการกด Next เรื่อยๆตามที่เราถนัด

เป็นอันเรียบร้อยแล้วสำหรับโปรแกรม Unity ที่เราจะต้องติดตั้ง

hashtag
🔥 Unity Id

ก่อนที่เราจะเข้าไปใช้งาน Unity ได้ผมแนะนำให้เพื่อนๆไปสมัครสมาชิก Unity Id ให้เรียบร้อยกันก่อน เพื่อที่จะได้ดาวโหลดตัวละคร ฉาก หรืออะไรต่างๆที่เอาไว้สำหรับทำเกมส์ขั้นพื้นฐานนั่นเอง โดยการเข้าไปที่ลิงค์ด้านล่างนี้ครัช

เมือกดลิงค์เข้ามาก็กดสมัครสมาชิกได้เลยครับโดยจะสมัครธรรมดา หรือใช้พวก Google, Facebook Login ก็ได้เช่นกัน (ถ้าขี้เกียจก็สมัครโดยใช้ Google หรือ Facebook ก็ได้จะสบายกว่าครับ)

เมื่อสมัครเสร็จก็พร้อมใช้งานในฝั่ง Unity หมดแล้วครับ เย่ๆ

hashtag
🔥 Visual Studio Community

สำหรับเพื่อนๆที่ถนัดในการเขียนโค้ด (ในบทความทั้งหมดของผมจะเขียนโค้ดนะครับ) ก็ให้ติดตั้งโปรแกรม Visual Studio Community ได้เลย แต่ถ้าไม่ได้อยากเขียนโค้ด หรือ แค่อยากลองทำตามเล็กๆน้อยๆก็ไม่ต้องติดตั้งตัวนี้ก็ได้ครับ แต่ในตัวอย่างบางอันอาจจะทำตามไม่ได้นะจุ๊ ส่วนลิงค์ดาวโหลดกดเอาจากด้านล่างนี้เบย

ในตัวเว็บให้ดาวโหลดตัว Visual Studio Community ได้เลยจ๊า

เมื่อดาวโหลดมาติดตั้งเสร็จ เขาจะถามว่าเราอยากจะใช้ Visual Studio Community เพื่อใช้ทำอะไร ซึ่งในจุดนี้ให้กดเลือกเป็น Game development with Unity แล้วที่ด้านล่างขวาให้กด Install หรือ Modify ตามรูปด้านล่างได้เลย

เสร็จเรียบร้อยหมดแบ๊วสำหรับการติดตั้งโปรแกรมที่จำเป็นทั้งหมดครับป๋ม

hashtag
💖 สรุป

ถ้าเราอยากจะใช้ Unity เราจะต้องติดตั้งโปรแกรม 2 ตัวคือ Unity กับ Visual Studio Community นะครับ

https://id.unity.comid.unity.comchevron-right
Unity Plans & Pricing: Pro, Personal, Enterprise, Industry | UnityUnitychevron-right
Logo
Visual Studio: IDE and Code Editor for Software DevelopmentVisual Studiochevron-right
Logo