# data[].attributes.body
สอนสร้างเกมส์

# data[].attributes.body
สอนการใช้

# data[].attributes.attachment_link.readable_text
รวมคลิปวีดิทัศน์(VDO)สอนสร้างเกมด้วยโปรแกรม Construct 2 จาก YOUTUBE

ขอขอบคุณเจ้าของเว็บไซต์
http://kongruksiamblogger.blogspot.com/
https://www.facebook.com/kongruksiamtutorial

# data[].attributes.attachment_link.keywords[]
การสร้างเว็บไซต์ php

# data[].attributes.attachment_link.keywords[]
เทคนิคการใช้ คำสั่ง session

# data[].attributes.attachment_link.keywords[]
การประยุกต์ ใช้งาน php

# data[].attributes.attachment_link.keywords[]
การติดตั้ง apache

# data[].attributes.attachment_link.keywords[]
สอนเขียนโปรแกรม

# data[].attributes.attachment_link.keywords[]
เทคโนโลยีการศึกษา

# data[].attributes.attachment_link.keywords[]
สร้างสือการสอน

# data[].attributes.attachment_link.keywords[]
เทคโนโลยีสารสนเทศ

# data[].attributes.attachment_link.keywords[]
การสร้างเว็บไซต์ php

# data[].attributes.attachment_link.keywords[]
การเขียนโปรแกรมภาษา c++

# data[].attributes.attachment_link.keywords[]
การเขียนโปรแกรมภาษา c

# data[].attributes.attachment_link.keywords[]
การเขียนโปรแกรมภาษา java

# data[].attributes.attachment_link.keywords[]
วิเชียร พุ่มพวง

# data[].attributes.attachment_link.keywords[]
combinações e desenvolvimento game dev tycoon

# data[].attributes.attachment_link.keywords[]
descargar e instalar game dev tycoon full español

# data[].attributes.attachment_link.keywords[]
game development e interactive storytelling

# data[].attributes.attachment_link.keywords[]
beginning android 4 games development pdf

# data[].attributes.attachment_link.keywords[]
cocos2d for iphone 1 game development cookbook pdf

# data[].attributes.attachment_link.keywords[]
construct 2 game development by example download

# data[].attributes.attachment_link.keywords[]
construct 2 game development by example pdf

# data[].attributes.attachment_link.keywords[]
construct 2 game development by example pdf download

# data[].attributes.attachment_link.keywords[]
unity 3.x game development essentials pdf

# data[].attributes.attachment_link.keywords[]
unity 4 game development hotshot pdf download

# data[].attributes.body
การดาว

# data[].attributes.attachment_link.readable_text
Construct 2 is an intuitive development program that requires no programming experience.

If you've ever wonder how gamesare made, Construct 2 will dissect those elements for you. No coding required! If you want to start programming or having your child learn to program at an early age, Construct 2 is an excellent program that's simple to use and provides professional results.

The application is beautifully designed and follows the Windows ribbon interface design aesthetic. Construct 2's interface reminds me Photoshop, with layers on the right and the project in the center. This makes the interface easy to learn.

Construct 2 comes with a bunch of game demos that you can try out and see what the program is capable of. There are also plenty of tutorials on the website, which is a great way to get started. Import textures into the application to start building game levels. Actions and events are handled in layers to show how sequences are supposed to progress.

After your project is done, Construct 2 can upload your game to Facebook or the Google Chrome Web Store. The free version of Construct 2 has no time limitations, so you can try it out for as long as you'd like. Paying for the individual license will give you sound effects, music, and other more advanced features.
Construct 2 is a great way for anyone of any age to start developing HTML 5 games. It's a great learning tool and powerful enough to be used by businesses.

# data[].attributes.attachment_link.description
Construct 2 is an intuitive development program that requires no programming experience. If you've ever wonder how gamesare made, Construct 2 will dissect those elements for you. No coding required! If you want to start programming or having your child learn to program at an early age, Construct 2 is an excellent program that's simple to use and provides professional results.

# data[].attributes.body
Download

# data[].attributes.attachment_link.readable_text
Construct 2 is an intuitive development program that requires no programming experience.

If you've ever wonder how gamesare made, Construct 2 will dissect those elements for you. No coding required! If you want to start programming or having your child learn to program at an early age, Construct 2 is an excellent program that's simple to use and provides professional results.

The application is beautifully designed and follows the Windows ribbon interface design aesthetic. Construct 2's interface reminds me Photoshop, with layers on the right and the project in the center. This makes the interface easy to learn.

Construct 2 comes with a bunch of game demos that you can try out and see what the program is capable of. There are also plenty of tutorials on the website, which is a great way to get started. Import textures into the application to start building game levels. Actions and events are handled in layers to show how sequences are supposed to progress.

After your project is done, Construct 2 can upload your game to Facebook or the Google Chrome Web Store. The free version of Construct 2 has no time limitations, so you can try it out for as long as you'd like. Paying for the individual license will give you sound effects, music, and other more advanced features.
Construct 2 is a great way for anyone of any age to start developing HTML 5 games. It's a great learning tool and powerful enough to be used by businesses.

# data[].attributes.attachment_link.description
Construct 2 is an intuitive development program that requires no programming experience. If you've ever wonder how gamesare made, Construct 2 will dissect those elements for you. No coding required! If you want to start programming or having your child learn to program at an early age, Construct 2 is an excellent program that's simple to use and provides professional results.

# data[].attributes.attachment_link.readable_text
Construct 2 is an intuitive development program that requires no programming experience.

If you've ever wonder how gamesare made, Construct 2 will dissect those elements for you. No coding required! If you want to start programming or having your child learn to program at an early age, Construct 2 is an excellent program that's simple to use and provides professional results.

The application is beautifully designed and follows the Windows ribbon interface design aesthetic. Construct 2's interface reminds me Photoshop, with layers on the right and the project in the center. This makes the interface easy to learn.

Construct 2 comes with a bunch of game demos that you can try out and see what the program is capable of. There are also plenty of tutorials on the website, which is a great way to get started. Import textures into the application to start building game levels. Actions and events are handled in layers to show how sequences are supposed to progress.

After your project is done, Construct 2 can upload your game to Facebook or the Google Chrome Web Store. The free version of Construct 2 has no time limitations, so you can try it out for as long as you'd like. Paying for the individual license will give you sound effects, music, and other more advanced features.
Construct 2 is a great way for anyone of any age to start developing HTML 5 games. It's a great learning tool and powerful enough to be used by businesses.

# data[].attributes.attachment_link.description
Construct 2 is an intuitive development program that requires no programming experience. If you've ever wonder how gamesare made, Construct 2 will dissect those elements for you. No coding required! If you want to start programming or having your child learn to program at an early age, Construct 2 is an excellent program that's simple to use and provides professional results.

# data[].attributes.body
รูปแบบของ Construct 2

# data[].attributes.body
Construct 2 บน Ste

# data[].attributes.attachment_link.description
You can be a game developer! Construct 2 redefines game making and allows everyone to make their own games - no programming required. Construct 2's intuitive editor makes it straightforward to bring your ideas to life. Share and publish your games on the web and a wide range of devices.

# data[].attributes.headline
Construct 2: โปรแกรม Construct 2 คืออะไร

# data[].attributes.subject
Construct 2: โปรแกรม Construct 2 คืออะไร

# data[].attributes.attachment_link.title
โปรแกรม Construct 2 คืออะไร

# data[].attributes.attachment_link.description
โปรแกรม Construct 2 คืออะไร

# data[].attributes.headline
คู่มือ เอกสาร การสร้างเกมด้วย โปรแกรม Construct2 - พิพัฒน์ ตะภา - Krooluang

# data[].attributes.subject
คู่มือ เอกสาร การสร้างเกมด้วย โปรแกรม Construct2 - พิพัฒน์ ตะภา - Krooluang

# data[].attributes.attachment_link.title
คู่มือ เอกสาร การสร้างเกมด้วย โปรแกรม Construct2 - พิพัฒน์ ตะภา

# data[].attributes.headline
เทคนิคการหาคุณภาพเครื่องมือในงานวิจัย

# data[].attributes.subject
เทคนิคการหาคุณภาพเครื่องมือในงานวิจัย

# data[].attributes.headline
อยากสร้างเกม | Deaw

# data[].attributes.subject
อยากสร้างเกม | Deaw

# data[].attributes.attachment_link.title
อยากสร้างเกม

# data[].attributes.attachment_link.description
ในสมัย Ro เข้ามาใหม่ เราเป็นคนหนึ่งที่ชอบมันมาก เรารู้สึกได้ว่านี้้คือการผจญภัยของเด็กที่รอคอยมาตั่งแต่เกิด และวันหนึ่งความคิดมันแทรกเข้า...

# data[].attributes.headline
G-Maker | Construct 2 to Facebook: บทที่ 1 วิธีเพิ่มเกมที่ทำจาก Construct ...

# data[].attributes.subject
G-Maker | Construct 2 to Facebook: บทที่ 1 วิธีเพิ่มเกมที่ทำจาก Construct ...

# data[].attributes.attachment_link.readable_text
เอาล่ะครับ ในแบบฝึกหัดนี้ เราจะมาเรียนรู้วิธีการเพิ่มเกมที่เราสร้างไปยังเฟสบุ๊คกันครับและจะให้มันทำงานบนเฟสบุ๊คได้ยังไง ถ้าคุณยังไม่พร้อม คุณก็ดาวน์โหลดโปรแกรม Construct 2 แล้วก็สร้างเกมขึ้นมาแล้วก็เตรียมพร้อมที่จะเผยแพร่

อย่างแรกที่คุณจะต้องมีแน่นอนเลยคือ บัญชีเฟสบุ๊ค ผมขอสมมุติล่ะกันว่าคุณมีมันแล้ว 1 บัญชีและผมขอสมมุติิีอีกด้วยคุณได้อัพโหลดเกมของคุณขึ้นเว็บไชต์ของคุณเรียบร้อยแล้ว

แล้วก็คุณจะต้องไปยังหน้า Facebook Developers ตรงมุมขวาบนของจอ คุณจะเห็นปุ่ม 'Add new app' คลิกมันเลยเพื่อสร้างแอพพิเคชั่นใหม่!

แล้วก็คุณจะสามารถใส่รายละเอียดของเกม/ชื่อเกม สำหรับแบบฝึกนี้ เราจะเปลี่ยน Space Blaster HTML5 Demo ให้กลายเป็นแอพพิเคขั่นบนเฟสบุ๊ค

กดปุ่ม Continue บางทีคุณจะได้กรอกอะไรสักเล็กน้อยเพื่อตรวจสอบความปลอดภัย

หลังจากนั้นก็คุณจะเจอกับหน้านี้

ไอคอนเกมมีอยู่ 2 รูปแบบที่คุณสามารถอัพโหลดได้ คือ 1.ขนาดเล็กต้องมีขนาดอยู่ที่ 16x16 pixel และ 2.ขนาดใหญ่ต้องมีขนาดอยู่ที่ 75x75 pixel นำเม้าส์ของคุณไปยังไอคอนว่างเปล่าเพื่อเริ่มอัพโหลดไอคอน

คุณสามารถปล่อยให้ส่วน App Namespace ว่างเปล่าได้ ส่วนนี้ไม่ได้อยู่ในแบบฝึก สำหรับ category นั้น ผมเลือกเป็น Game และเลือก subcategory เป็น Action &amp; Arcade

หมายเหตุ:เพื่อให้เกมสามารถส่งแต้มไปยังเฟสบุ๊คได้ แอพพิเคชั่นของคุณจะต้องจัดหมวดหมู่ให้เป็น Game

ข้างใต้ basic info คลิก App on Facebook เพื่อติ๊กถูกให้มันครับ แล้วก็ใส่ URLของเว็บที่คุณอัพโหลดเกมไว้

เฟสบุ๊คค่อนข้างที่จะใส่ใจต่อเรื่อง URL นี้มาก ตรวจสอบให้ดีว่านั้น URL นั้นจบด้วยเครื่องหมาย '/' หรือตัวแปรนำทาง ไม่อย่างงั้นมันจะไม่ผ่าน เกมของเรา ( ตามแบบฝึก ) มีที่อยู่คือ

http://www.scirra.com/demos/space-blaster/index.html

แต่ว่ามันถูกปฏิเสธ ดังนั้นรอบนี้เราจึงเปลี่ยนมันเป็นตามนี้ ( ตรวจสอบให้แน่ใจด้วยว่าคุณได้ทำการทดสอบลิ้งก์นั้นแล้ว )

http://www.scirra.com/demos/space-blaster/index.html?s=1

http://www.scirra.com/demos/space-blaster/

?S=1 นั้นเรียกว่า พารามิเตอร์สำหรับตัวแปรนำทาง ( querystring parameter ) S=1 นั้นแทบไม่มีความหมายอะไรเลย ผมเพียงแค่ใส่มันไว้ตอนท้ายเพื่อที่เฟสบุ๊คจะได้ให้ URL ของเราผ่าน

สำหรับการทำให้ส่วนเสริมเฟสบุ๊คทำงาน คุณต้องกรอกรายละเอียดเกี่ยวกับเว็บไชต์คุณด้วยเช่นกัน คลิก Website แล้วใส่ลิ้งก์หน้าเว็บหลักของคุณ ในแบบฝึก สำหรับเกม Space Blaster ผมได้ใส่ http://www.scirra.com/ คุณต้องได้ใส่ลิ้งก์ 2 ลิ้งก์ที่เหมือนกับลิ้งก์พวกนี้

สุดท้าย เฟสบุ๊คต้องการรู้เกี่ยวกับ โดเมนเว็บไซต์ของคุณว่าลงท้ายด้วยอะไร พวกนี้คือเบื้องต้น เช่น .com , .org เป็นต้น ในแบบฝึก สำหรับเกม Space Blaster โดเมนคือ scirra.com ข้างใต้ App Domain ( ในส่วนของ Basic info ซึ่งอยู่ด้านบนสุด ) พิมพ์โดเมนของคุณแล้วกด Enter

ถ้าคุณมี web-enabled app หรือ native app บน iOS หรือ Android คุณสามารถเพิ่มเติมรายละเอียดพวกนั้นลงไปได้

กด Save Changes เพื่อบันทึกข้อมูลแอพิเคชั่นของคุณ

สังเกตุ Submit to Search ด้านซ้ายมือของคุณ

สิ่งนี้จะช่วยให้เกมของคุณอยู่ในรายการค้นหาของเฟสบุ๊ค แต่แย่หน่อย คุณจะต้องรอจนกว่าเกมของคุณจะมีคนเล่นอย่างน้อย 10 คนต่อเดือน ( หมายถึงตลอด 1 เดือนจะต้องมีคนเข้าเล่นเกมของคุณต่อเนื่องอย่างต่ำสุด 10 คน ) ดังนั้น จัดการยัดเยียด เอ๊ย! แชร์เกมให้เพื่อนของคุณซะ เมื่อไหร่ที่เพื่อนๆของคุณติดมันงอมแงม ( ซึ่งเพื่อนของคุณก็ต้องมีอย่า่งน้อย 10 คน ) ให้กลับมาที่ Submit to Search อีกครั้ง

ที่เมนูด้านซ้ายมือ คลิก View app profile page แล้วเราก็มาเริ่มใส่รายละเอียดเกมกันเลย~~~ อ๋อ รูปโปรไฟล์ของเกมควรจะมีขนาด 180x180 Pixel นะ

โอ้ ใช่ เราสามารถเพิ่มเกมของเราไปยังเพจของเราได้ด้วยการกด Add to my page ที่อยู่ด้านซ้ายมือ มันจะช่วยให้เหล่าสาวกในเพจของคุณสามารถเข้าเกมคุณได้ง่ายๆ

เอาล่ะ มาถึงตรงนี้เราก็มาจัดการแชร์เพจเกมซะ เพื่ออะไรน่ะเหรอ? ก็เพื่อ ( แอบ ) โปรโมตเกมของคุณยังไงล่ะ ถ้าคลิก Go to app ที่อยู่ด้านบน เกมที่เราอัพไปจะแสดงในหน้าต่างของเฟสบุ๊ค ( เหมือนหลายๆเกมที่เราๆเล่นกัน ) แต่ อ่ะๆๆ ลืมกันรึยัง ว่าเกมของเรานั้นรันบนเว็บไซต์ของเรา ( ที่เราอัพเกมขึ้นไปในตอนแรก ) เฟสบุ๊คแค่แสดงเกมในหน้าต่างของเค้าแค่นั้นเอง

# data[].attributes.attachment_link.title
บทที่ 1 วิธีเพิ่มเกมที่ทำจาก Construct 2 ไปยังเฟสบุ๊ค

# data[].attributes.attachment_link.description
เอาล่ะครับ ในแบบฝึกหัดนี้ เราจะมาเรียนรู้วิธีการเพิ่มเกมที่เราสร้างไปยังเฟสบุ๊คกันครับและจะให้มันทำงานบนเฟสบุ๊คได้ยังไง ถ้าคุณยังไม่พร้อม คุณก็ดาวน์โหลดโปรแกรม Construct 2 แล้วก็สร้างเกมขึ้นมาแล้วก็เตรียมพร้อมที่จะเผยแพร่ อย่างแรกที่คุณจะต้องมีแน่นอนเลยคือ บัญชีเฟสบุ๊ค ผมขอสมมุติล่ะกันว่าคุณมีมันแล้ว 1 บัญชีและผมขอสมมุติิีอีกด้วยคุณได้อัพโหลดเกมของคุณขึ้นเว็บไชต์ของคุณเรียบร้อยแล้ว แล้วก็คุณจะต้องไปยังหน้า Facebook Developers ตรงมุมขวาบนของจอ คุณจะเห็นปุ่ม 'Add new app' คลิกมันเลยเพื่อสร้างแอพพิเคชั่นใหม่!

# data[].attributes.headline
สร้างเกมส์ด้วย HTML5 ง่ายๆ (part1)>>Blog Divland

# data[].attributes.subject
สร้างเกมส์ด้วย HTML5 ง่ายๆ (part1)>>Blog Divland

# data[].attributes.attachment_link.readable_text
Home > HTML5 > สร้างเกมส์ด้วย HTML5 ง่ายๆ (part1)

ถ้าพูดถึงการสร้างเกมส์ คนที่ไม่มีพื้นฐานด้านโปรแกรมมิ่ง แทบไม่มีโอกาสได้ทำเกมส์ตามที่ตัวเองฝันไว้ ยิ่งเกมส์ที่สร้างจาก HTML5 ด้วยยิ่งเป็นเรื่องยาก และโหดร้ายมาก เพราะจะต้องฝ่าดง JQuery, JavaScript เขียนสคริปกันหัวฟู แต่เรามี Free Game Engine Tool มาแนะนำครับ

หากย้อนไปพูดถึง Flash Game ในยุคเฟื่องฟูก่อนที่ iPad, iPhone จะกลายเป็นที่นิยมของคนสมัยนี้ คงไม่มีใครค้านว่า Flash คือ Tool ที่ใช้สร้างเกมส์ได้อย่างเมามันส์ดีอยู่แล้ว แต่แล้ววันหนึ่งเมื่อ Steve Jobs ได้บอกว่า Flash มันคือ Junk Technology ที่ไม่อยากให้มาอยู่ในชายคาเดียวกัน ทำให้เกิดการเปลี่ยนแปลงครั้งใหญ่ เมื่อจู่ๆ ก็มี HTML เวอร์ชั่นใหม่ออกมามีนามว่า HTML5 ทำให้เหล่าบันดาสาวก Flash เจ็บจี๊ดๆ เพราะบางกระแสก็บอกว่า HTML5 นี่แหละ ที่จะมาฆ่า Flash โดยเฉพาะ ซึ่งเราต้องดูกันต่อไป แต่ก็มีความเป็นไปได้พอสมควร... ล่าสุด Adobe เองก็ประกาศยุติการพัฒนา Flash Player บน Android 4.1 (Jelly Bean) และเตรียมที่จะยุติการเปิดให้ดาวน์โหลดแอพ Flash Player จาก Google Play ตั้งแต่วันที่ 15 เดือนสิงหาคมเป็นต้นไป OMG!

เอาล่ะ กลับมาๆๆๆ

กลับมาพูดถึงเรื่องการสร้าง Game ใน HTML5 กันต่อ หลายคนถามผมว่า แค่เขียน HTML5 เพื่อใช้สร้างเว็บก็ยากพอแล้ว จะเขียนเกมส์ ไม่ตายกันไปข้างหรอกเหรอ... ผมบอกว่าไม่หรอกครับ ปัจจุบันมี Tool หลายตัวที่จะมาช่วยสร้างเกมส์ให้ โดยประหยัดสมองลงไปได้เยอะ และสิ่งที่ผมพบก็คือโปรแกรม Construct2 - HTML5 Game Engine ถามว่าตัวนี้เจ๋งแค่ไหน ผมจะมาแนะนำกันครับ

Introduction

โปรแกรม Construct2 ถูกสร้างขึ้นจาก 2 นักพัฒนาโปรแกรมชาวอังกฤษ 2 คน ที่ร่วมกันพัฒนาช่วงเรียนมหาวิทยาลัย และปล่อยโปรแกรมแรกออกมาชื่อว่า Construct Classic ซึ่งใช้ในการพัฒนาเกมส์ Direct X 9 แล้ว Export เป็น .exe เพื่อเล่นบน Desktop PC แต่เวลาผ่านไปไม่นาน ทั้งคู่เชื่อว่ากำลังจะเข้าสู่ยุคทองของ HTML5 จึงหยุดพัฒนา Construct Classic แล้วหันมาพัฒนาโปรแกรมใหม่ภายใต้ชื่อ Construct2 ที่ช่วยให้ผู้ต้องการสร้างเกมส์ สามารถใช้เป็น Tool สร้างสรรค์งานได้ โดยใช้คอนเซ็ปต์ที่ว่า "No programming required" หรือ "เขียนโปรแกรมไม่เป็น ก็สร้างเกมส์ได้" ประมาณนั้น
นักพัฒนาโปรแกรมผู้ให้กำเนิด Construct2 และ Construct Classic
1. Ashley Gullen

2. Thomas Gullen

Construct2 เป็นโปรแกรมสร้างเกมส์แบบ 2D แสดงผลแบบ WebGL ซึ่งหมายถึง เว็บที่ใช้ JavaScript ดึงศักยภาพของ Graphic Card มาช่วยประมวลผลให้การเคลื่อนที่ของเกมส์เร็วขึ้นไม่กระตุก ซึ่ง WebGL นี้ถูกพัฒนาขึ้นโดยทีม Firefox ร่วมกับ Chrome browser ทำให้การแสดงผลแบบ WebGL เริ่มนำมาใช้กับการแสดงผลเกมส์ในยุคปัจจุบัน มีเพียง Internet Explorer ที่ยังไม่ support การแสดงผลแบบ WebGL (แต่เริ่มมีความหวังกับ IE9 ครับ ^^)

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

.......เริ่มกันเล้ยยย

Download&Install

ก่อนอื่น ต้องดาวน์โหลดโปรแกรม Construct2 กันก่อน ฟรีจร้า! เอามาทำเกมส์ง่ายๆก่อนได้เลย (แต่ถ้าจะเล่นของหนักระดับ Advance ในอนาคตก็ค่อยซื้อนะ)

คำเตือน : ลงได้เฉพาะ Window OS เท่านั้นก่อนนะครับ ในอนาคตอาจจะมีสำหรับ Mac OS ก็ได้ 555+
Download Link : Construct2 Free Edition

User interface

เมื่อติดตั้งแล้ว User interface ของโปรแกรมจะมีหน้าตาแบบนี้ครับ

แผงควบคุมการทำงานอยู่ตรงนี้ครับ จะมี 3 Tabs ที่ใช้บ่อยๆเลยครับ

Tabs 1 : Home

ใช้ควบคุม Object ต่าง บน Panel ก็จะมีพวก Copy, Paste, Undo, Delete, Select All, Select None พวกนี้ใช้ควบคุม Object ทั้งหมด ไม่ว่าจะเป็นภาพตัวละคร ในเกมส์ หรือข้อความที่ใช้บอกเหตุการณ์ต่างๆในเกมส์ จะมีบางส่วนที่เราไม่ต้องสนใจ นั่นคือ เรื่องของการ Config ครับ (Active configuration:none) กับ Displaying: ตรงนี้โปรแกรมสร้างเป็น HTML5 ให้อยู่แล้วครับ ไม่ต้องเปลี่ยนอะไรเลย ส่วนปุ่ม Run layout คือใช้เมื่อเราสร้างเกมส์ไปพอสมควร แล้วต้องการ Test run ก็คลิกปุ่มนี้ (ต้องสร้าง New project ก่อน ปุ่มถึงจะ Active นะครับ) ส่วน Export project ก็เป็นการสร้างไฟล์ HTML5 ขึ้นมา แล้วนำไปใช้ได้เลย (เกมส์เหล่านี้เล่นที่ Web browser หรือ Mobile browser แต่มี IE เจ้าปัญหา เกมส์ที่ใส่ Event เยอะๆ ก็อาจจะมี Bug ได้ เล่นใน Chrome หรือ Firefox ชัวร์สุดครับ)

Tabs 2 : View

ใช้ควบคุม User Interface ของโปรแกรมครับ โดย Default ของโปรแกรม จะมี ติ๊กถูกที่ Status Bar, Properties Bar, Project Bar, Layer Bar, Object Bar แต่ไม่ได้ติ๊กถูกที่ Configuration Bar ถ้าหากเป็น Free Edition จะไม่สามารถ Config ได้ครับ แต่จากภาพตัวอย่างของผม ผมซื้อไปแว้ว อิอิ

ทีนี้มาดูตำแหน่งต่างๆ ที่ติ๊กถูกไว้นั้น อยู่ตรงจุดไหนบ้าง ภาพนี้อาจจะเล็ก ให้คลิกที่ภาพจะเห็นภาพใหญ่ครับ แต่จุดต่างๆเหล่านี้ เราสามารถที่จะ Customize ได้เอง คือ จะสลับเอา Layer มาขวา หรือ เอา Project Bar มาไว้ด้นบนก็ทำได้หมด วิธีการคือ คลิกที่ชื่อ Bar แล้ว Drag Mouse ค้างไว้ แล้วลากออกมาเลยครับ จะวางตรงไหนก็แล้วแต่ ตามใจชอบครับ

Tabs 3 : Events

สำหรับ Tab สุดท้ายคือการสร้าง Events หรือเหตุการณ์ต่างๆให้กับสิ่งต่างๆในเกมส์ (Object) หรือตัวละครเกมส์ ยกตัวอย่างส่วนประกอบของเกมส์ Ghost Blaster ที่ต้องระบุ Events หรือเหตุการณ์กับสิ่งต่างๆดังนี้

1. ผู้เล่น(Player) ต้องกำหนดว่า ผู้เล่น จะเดินได้กี่ทิศทาง ซึ่ง Events ของ Player จะมีทั้ง 8 ทิศ, 4 ทิศ, หรือ 2 ทิศคือ ซ้าย-ขวา / บนล่าง (นึกถึงเกมส์มาริโอ้ครับ เดินไปซ้าย-ขวา เป็นต้น)

2. ปีศาจ(Monster) กำหนดการปรากฏตัว ว่าจะ Random ทิศทางหรือไม่ และถ้าหาก Monster เดินออกจากพิกัดของ ฉากเกมส์ เราต้องสั่งทำลายทิ้ง เพื่อไม่ให้เกมส์หนักครับ (นึกถึงขยะหน้าบ้าน ถ้าไม่มีรถขยะมาเก็บก็เหม็นเต็มบ้านล่ะครับ)

3. กระสุนสำหรับยิงให้โดนตัวปีศาจ (Bullet) กำหนดการเคลื่อนไหว แบบ Bullet เป็น Event ที่ใช้ได้กับหลายลักษณะ ไม่ว่าจะกระสุนก็ใช้ได้ หรือ พลังต่างๆที่ต้องการเคลื่อนที่ไปชน Monster ใช้ Bullet Event ได้หมดครับ

4. ฉาก (Scene) แล้วแต่ครับ อยากให้ขยับหรือไม่ แต่ส่วนใหญ่ก็จะ fix ครับ

ใน Part 1 นี้ ผมยังไม่พูดถึง Events ให้ปวดหัวครับ ยกไปเริ่มกันใน Part 2 ดีกว่าครับ ....ง่วง ^0^"

Related Articles

# data[].attributes.attachment_link.title
สร้างเกมส์ด้วย HTML5 ง่ายๆ (part1)

# data[].attributes.attachment_link.description
Related Articles สร้างเกมส์ด้วย HTML5 ง่ายๆ (part3-3) (1) สร้างเกมส์ด้วย HTML5 ง่ายๆ (part3-2) (0) สร้างเกมส์ด้วย HTML5 ง่ายๆ (part3-1) (5) สร้างเกมส์ด้วย HTML5 ง่ายๆ (part2-4) (0) สร้างเกมส์ด้วย HTML5 ง่ายๆ (part2-3) (1)

# data[].attributes.headline
The Rabbit: บทที่ 2 การสร้างตัวละคร และ จัดการการเคลื่อนไหวให้กับตัวละคร

# data[].attributes.subject
The Rabbit: บทที่ 2 การสร้างตัวละคร และ จัดการการเคลื่อนไหวให้กับตัวละคร

# data[].attributes.attachment_link.title
บทที่ 2 การสร้างตัวละคร และ จัดการการเคลื่อนไหวให้กับตัวละคร

# data[].attributes.attachment_link.description
ในบทนี้เราจะมาเรียนรู้การสร้าง ตัวละคร (Player) ซึ่งจะเป็นพระเอก หรือ ตัวละครหลักในเกมที่เราจะทำการบังคับ ซึ่งการเคลื่อนไหว เ...

# data[].attributes.attachment_link.readable_text
Construct 2 : Game Layouts
ในการสร้างเกมองค์ประกอบที่สำคัญอีกอย่างหนึ่งคือ ฉากของเกม (Scene) เช่น หน้าแรกของเกม ฉากจบ (game over) เป็นต้น ตัวโปรแกรม Construct 2 จะใช้คุณสมบัติของ Layouts ในการกำหนดฉากต่างๆ ของเกม ในบทความที่ผ่านมา ผมได้แนะนำการสร้างเกม สร้างตัวละคร การชนวัตถุ และการเก็บคะแนน ในบทความนี้ผมจะนำมารวมและสร้างเป็นฉากของเกมที่สมบูรณ์

ขั้นตอนแรก ต้องสร้าง Layouts ของหน้าแรกของเกม และหน้าสิ้นสุดของเกมเพิ่มขึ้นมา ขั้นตอนในการสร้าง Layouts ใหม่ สามารถทำได้โดย ไปที่พาเลท Projects คลิกขวาที่แถบ Layouts แล้วเลือกคำสั่ง Add layout

จะปรากฏหน้าต่าง เพื่อให้เลือกว่าจะสร้าง event sheet ที่คู่กับ Layout ที่สร้างใหม่หรือไม่ ในกรณีนี้ให้เลือก Add event sheet เพราะเราต้องเพิ่มการควบคุมใน Layout ใหม่ที่สร้างขึ้นมาด้วย

เปลี่ยนชื่อ Layout ใหม่เป็น Titlegame เพื่อใช้สร้างเป็นหน้าแรกของเกม ในตอนนี้เราก็มี 2 layout แล้ว ส่วน Layout1 นั้น คือ ส่วนตัวเกมที่ได้สร้างไว้ก่อนแล้ว ( ศึกษาได้จากบทความก่อนหน้า)

สร้างฉากหน้าแรกของเกมที่ layout ชื่อ Titlegame อันนี้ผมสร้างไว้ด้วยโปรแกรม Photoshop ทำการเพิ่มวัตถุ โดยใช้คำสั่ง Insert new object ในรูปแบบ spite แล้วเลือกภาพพื้นหลังที่ได้ออกแบบไว้

คลิกปิดกลับมาที่หน้าออกแบบเกม ปรับตำแหน่งของฉากให้เหมาะสม

ต่อไปเพิ่ม Spite อีกสองตัว คือภาพที่จะใช้เป็นปุ่มเริ่มเกม และปุ่มสำหรับออกจากเกม

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

ขั้นต่อไป ทำการเพิ่มเหตุการณ์เมื่อมีการกดปุ่มของ Mouse โดยไปที่ event sheet2 ซึ่งคู่กับ Layout Titlegame ที่เป็นหน้าแรกของเกม คลิกที่ Add event แล้วเลือกวัตถุ Mouse และคลิกปุ่ม Next

เลือกเหตุการณ์ On object clicked ที่อยู่ในหมวด Mouse แล้วคลิกปุ่ม Next

เลือกการคลิก Mouse button เป็น Left คือ เมื่อมีการคลิกปุ่มซ้ายของ Mouse
ลักษณะ Click type เลือกเป็น Clicked
วัตถุที่มีเหตุการณ์เกิด Object clicked เลือกตัว Spite ที่เป็นข้อความ Start สำหรับเริ่มเกม

เมื่อกดปุ่ม Done จะกลับมาที่หน้า event sheet ทำการเพิ่ม action สำหรับการคลิกที่วัตถุ Start

เลือกวัตถุแบบ System แล้วคลิกปุ่ม Next

ต่อไปทำการเลือกคำสั่งในหมวด General คือ Go to layout เพื่อให้เปลี่ยนไปยัง layout ของเกม คลิกปุ่ม Next

เลือก Layout ที่จะให้เกมเปลี่ยนไปทำงาน ในที่นี้คือ Layout ของเกมที่เคยได้สร้างเอาไว้แล้ว ชื่อ Layout 1

ที่หน้า event sheet จะได้เหตุการณ์เมื่อคลิกที่ตัววัตถุ Start

ต่อไปกำหนด Layout Titlegame เป็น Layout แรกที่ทำงาน เมื่อเริ่มเกม โดยไปที่ Properties ของ Project ตรงคำสั่ง First layout เลือกเป็น Titlegame

ทดสอบเล่นเกม ตัวเกมจะแสดงหน้าแรกของเกมขึ้นมา เมื่อคลิก mouse ที่ภาพ Start ก็จะเปลี่ยนไปยังหน้าเกม ที่ได้สร้างไว้

# data[].attributes.attachment_link.description
Construct 2 : Game Layouts ในการสร้างเกมองค์ประกอบที่สำคัญอีกอย่างหนึ่งคือ ฉากของเกม (Scene) เช่น หน้าแรกของเกม ฉากจบ (game over) เป็นต้น ตัวโปรแกรม Construct 2 จะใช้คุณสมบัติของ Layouts ในการกำหนดฉากต่างๆ ของเกม ในบทความที่ผ่านมา ผมได้แนะนำการสร้างเกม สร้างตัวละคร การชนวัตถุ และการเก็บคะแนน ในบทความนี้ผมจะนำมารวมและสร้างเป็นฉากของเกมที่สมบูรณ์ ขั้นตอนแรก ต้องสร้าง Layouts ของหน้าแรกของเกม และหน้าสิ้นสุดของเกมเพิ่มขึ้นมา ขั้นตอนในการสร้าง Layouts ใหม่ สามารถทำได้โดย ไปที่พาเลท Projects คลิกขวาที่แถบ Layouts แล้วเลือกคำสั่ง Add layout จะปรากฏหน้าต่าง เพื่อให้เลือกว่าจะสร้าง event sheet ที่คู่กับ Layout ที่สร้างใหม่หรือไม่

# data[].attributes.headline
การสร้างเกมด้วยโปรแกรม Construct 2.pdf

# data[].attributes.subject
การสร้างเกมด้วยโปรแกรม Construct 2.pdf

# data[].attributes.headline
สร้างสื่ อการสอนมัลติมีเ ดีย ด้วย Construct 2

# data[].attributes.subject
สร้างสื่ อการสอนมัลติมีเ ดีย ด้วย Construct 2

# data[].attributes.headline
My Desktop: Construct 2 : สร้างฉากเกม ตอนที่ 1

# data[].attributes.subject
My Desktop: Construct 2 : สร้างฉากเกม ตอนที่ 1

# data[].attributes.attachment_link.readable_text
หลังจากที่ลงมือติดตั้งโปรแกรมไปแล้ว อาการอยากลองของก็เกิดขึ้นมา เริ่มจากตรงไหนดีล่ะ งั้นทำฉากก่อนเลยก็แล้วกัน เตรียมกระดาษ ดินสอพร้อมร่างฉาก อ้าว จะทำเกมอะไร ไม่ได้คิดเลย เสียงสวรรค์จากพี่แอ๊ด ก็ลอยมาจากข้างบ้าน "เหมือนกับนกมีหู เหมือนกับหนูมีปีก ไปมาก็ไร้ร่องลอย...." เพลงค้างคาวกินกล้วยนั่นเอง เอาล่ะ ทำเกมค้างคาวกินกล้วยก็แล้วกัน

หลังจากที่วาดๆ เขียนๆ หน้าตาเกมในกระดาษเป็นที่เรียบร้อย ต่อไปก็เปิดโปรแกรม construct 2 ขึ้นมาเลยครับ

หน้าตาของโปรแกรม construct 2 สำหรับเวอร์ชันฟรี ก็จะแสดงหน้า Free Edition เพื่อให้เราได้สนับสนุนผลิตภัณฑ์ แต่ตอนนี้คลิกปิดไปก่อนครับ

ขั้นแรกต้องสร้าง Projects ใหม่ขึ้นมาก่อน โดยไปที่ File คลิกหนึ่งครั้งจะปรากฏเมนูขึ้นมา เลือก New จะเป็นการสร้าง Project ใหม่ขึ้นมา หรือจะใช้ทางลัดด้วยการกด Ctrl + N ก็ได้ครับ

หลังจากนั้นจะปรากฏหน้าต่างให้เลือกแม่แบบของ Project ที่เราจะสร้าง ในครั้งนี้ให้เลือก New empty project นะครับ คลิกที่ปุ่ม Open เพื่อเปิด Project ใหม่ขึ้นมา

หน้าตาของ Project ใหม่ของเรา

มีส่วนสำคัญที่ต้องกำหนดก่อนลงมือสร้างเกมทุกครั้ง คือ การกำหนดขนาดของหน้าจอเกมที่เราสร้างขึ้น ไปที่หน้าต่าง Properties ที่ตำแหน่ง Project settings ในช่อง Window Size ในการสร้างเกมครั้งนี้ผมกำหนดเป็น กว้าง 800 px ยาว 480 px

เมื่อเราเปลี่ยนขนาดของ Window แล้ว สังเกตเส้นปะที่หน้าต่างออกแบบเกม Layout1 ของเราจะเปลี่ยนขนาดไปตามที่เรากำหนด พื้นที่ภายในแนวเส้นปะ คือ พื้นที่ของจอภาพเกมที่จะแสดงเมื่อเราเล่นเกม

ต่อไปเป็นการกำหนดการแสดงผลของเกม โดยจะต้องเลือก web browser ที่จะให้โปรแกรมแสดงผล แนะนำว่าควรเป็น Chrome หรือ Firefox จะทำงานได้ดี ไปที่หน้าต่าง Properties ที่ตำแหน่ง Configuration Settings ในช่อง Preview browser แล้วเลือก browser ที่ต้องการได้เลยครับ

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

# data[].attributes.attachment_link.description
หลังจากที่ลงมือติดตั้งโปรแกรมไปแล้ว อาการอยากลองของก็เกิดขึ้นมา เริ่มจากตรงไหนดีล่ะ งั้นทำฉากก่อนเลยก็แล้วกัน เตรียมกระดาษ ดินสอพร้อมร่างฉาก อ้าว จะทำเกมอะไร ไม่ได้คิดเลย เสียงสวรรค์จากพี่แอ๊ด ก็ลอยมาจากข้างบ้าน "เหมือนกับนกมีหู เหมือนกับหนูมีปีก ไปมาก็ไร้ร่องลอย...."

# data[].attributes.headline
มาสร้างเกมส์ด้วยโปรแกรม construct 2 ก๊านเถอะ

# data[].attributes.subject
มาสร้างเกมส์ด้วยโปรแกรม construct 2 ก๊านเถอะ

# data[].attributes.attachment_link.readable_text
ผมมักจะมีความรู้สึกที่อยากจะทำเกมส์เองเป็นช่วงๆ(โรคจิต)

ซึ่งไอ้ความอยากที่ว่า พออยากที ก็จะเข้าขั้นบ้าบอ

คลุกอยู่กับการทำเกมส์ทั้งวันทีเดียว 555 ล่าสุด ไอ้ความอยากจะทำเกมส์

มันก็พุ่งขึ้นมาในสมอง เลยไปลองหาโปรแกรมช่วยทำเกมส์ใหม่ๆดู

ลองไปลองมา ก็ลงตัวกับเจ้า construct 2 นี่แหละ >w<

ซึ่งก็ใช้งานไม่ยากเลย ไม่จำเป็นต้องรู้ขั้นตอนในการเขียนโค้ดภาษาคอมพิวเตอร์

คุณเองก็สร้างเกมส์ของตัวเองได้ เจ๋งใช่ไหมล่ะ ^ ^

แต่ก็ต้องอาศัยตรรกะในระดับหนึ่ง ในการกำหนดเงื่อนไขต่างๆ

รวมถึงความพยายาม และความอดทน

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

คุณก็ทำได้ง่ายๆเลยล่ะ : )

โปรแกรม construct 2 แบ่งการดาวน์โหลดไว้ 3 แบบ

คือ แบบฟรี ใช้ในเชิงพาณิชย์แต่จำกัดวงเงิน และใช้ในเชิงพาณิชย์อิสระ

สำหรับพวกบ้าเป็นช่วงๆอย่างเราๆแค่แบบฟรีก็พอแล้วล่ะ

เกมส์ที่เราสร้างเสร็จแล้ว ตัวโปรแกรมสามารถแปลงให้เข้ากับระบบ

ได้อย่างหลากหลายมากๆ แต่ตัวฟรี จะทำได้เพียงแปลงเกมส์ที่สร้าง

เป็นรูปแบบ html5 แต่แค่นั้นก้เจ๋งแล้ว

อันนี้เป็นเกมส์ที่ผมลองสร้างด้วยโปรแกรม construct 2 แบบฟรี

//แค่ไม่กี่วัน ก็สร้างได้เกมส์แล้ว วู๊วว ดูไม่ยากเลยใช่ไหมล่ะ

คุณเองก็ลองสร้างเกมส์ดูบ้างสิครับ !!!!

# data[].attributes.attachment_link.title
มาสร้างเกมส์ด้วยโปรแกรม construct 2 ก๊านเถอะ

# data[].attributes.attachment_link.description
ผมมักจะมีความรู้สึกที่อยากจะทำเกมส์เองเป็นช่วงๆ(โรคจิต) ซึ่งไอ้ความอยากที่ว่า พออยากที ก็จะเข้าขั้นบ้าบอ คลุกอยู่กับการทำเกมส์ทั้งวันทีเดียว 555 ล่าสุด ไอ้ความอยากจะทำเกมส์ มันก็พุ่งขึ้นมาในสมอง เลยไปลองหาโปรแกรมช่วยทำเกมส์ใหม่ๆดู ลองไปลองมา ก็ลงตัวกับเจ้า construct 2 นี่แหละ >w< ซึ่งก็ใช้งานไม่ยากเลย ไม่จำเป็นต้องรู้ขั้นตอนในการเขียนโค้ดภาษาคอมพิวเตอร์ คุณเองก็สร้างเกมส์ของตัวเองได้ เจ๋งใช่ไหมล่ะ ^ ^ แต่ก็ต้องอาศัยตรรกะในระดับหนึ่ง ในการกำหนดเงื่อนไขต่างๆ รวมถึงความพยายาม และความอดทน ถ้าคุณไม่เบื่อจนถอดใจไปซะก่อน แค่นึกพล็อตเกมส์ที่ชอบไว้ซักอย่าง คุณก็ทำได้ง่ายๆเลยล่ะ : ) โปรแกรม construct 2 แบ่งการดาวน์โหลดไว้ 3 แบบ คือ แบบฟรี ใช้ในเชิงพาณิชย์แต่จำกัดวงเงิน และใช้ในเชิงพาณิชย์อิสระ สำหรับพวกบ้าเป็นช่วงๆอย่างเราๆแค่แบบฟรีก็พอแล้วล่ะ เกมส์ที่เราสร้างเสร็จแล้ว ตัวโปรแกรมสามารถแปลงให้เข้ากับระบบ ได้อย่างหลากหลายมากๆ แต่ตัวฟรี จะทำได้เพียงแปลงเกมส์ที่สร้าง เป็นรูปแบบ html5 แต่แค่นั้นก้เจ๋งแล้ว อันนี้เป็นเกมส์ที่ผมลองสร้างด้วยโปรแกรม construct 2 แบบฟรี //แค่ไม่กี่วัน ก็สร้างได้เกมส์แล้ว วู๊วว ดูไม่ยากเลยใช่ไหมล่ะ คุณเองก็ลองสร้างเกมส์ดูบ้างสิครับ !!!!

# data[].attributes.headline
2.คู่มือการสร้างเกมด้วยโปรแกรม Construct 2.pdf - Scribd

# data[].attributes.subject
2.คู่มือการสร้างเกมด้วยโปรแกรม Construct 2.pdf - Scribd

# data[].attributes.attachment_link.authors[].name
ลักษณ์เสด็จ ทองคำ

# data[].attributes.attachment_link.title
2.คู่มือการสร้างเกมด้วยโปรแกรม Construct 2.pdf

# data[].attributes.attachment_link.description
2.คู่มือการสร้างเกมด้วยโปรแกรม Construct 2.pdf - Download as PDF File (.pdf), Text File (.txt) or read online.

# data[].attributes.attachment_link.readable_text
วันหนึ่งนั่งเตรียมงานอยู่ มีเด็กๆ มาสอบถามอยากสร้างเกม จะใช้โปรแกรมอะไรดี อีกอย่างขอแบบโปรแกรมที่ไม่ต้องเขียนโปรแกรมเยอะ คลิกแล้วเล่นได้เลย ภาพสวยด้วย อึ้งไปนิดหนึ่ง ตามประสบการณ์ตัวเอง เรื่องเขียนเกม เป็นเรื่องไกลตัวมาก แต่เมื่อเด็กอยาก เราเป็นครู มีหรือจะไม่สนอง นั่งหาข้อมูลประมาณครึ่งวัน จนได้ข้อสรุปว่า โปรแกรม construct 2 นี้แหละ ตอบสนองความต้องการของเด็กได้ แต่ปัญหาไม่ได้จบแค่นั้น เมื่อเด็กบอกว่า ครูสอนหน่อยสิ หาข้อมูลส่วนใหญ่มีแต่ภาษาอังกฤษ ขอภาษาไทยแบบเข้าใจหน่อย เพื่อเด็กครับเลยต้องมาจัดให้ซะหน่อย ได้ประโยชน์ทั้งครูและนักเรียน

What is construct 2

โปรแกรม construct 2 คือ โปรแกรมที่พัฒนาโดยบริษัท Scirra Ltd. มีพี่น้อง Ashley และ Thomas Gullen เป็นเจ้าของ แต่เดิมใช้ชื่อว่า Construct Classic ซึ่งใช้พัฒนาเกม DirectX 9 สำหรับระบบปฏิบัติการ window และด้วยแนวโน้วของเทคโนโลยี HTML5 ทำให้เกิดการเปลี่ยนแปลงและพัฒนามาเป็น construct 2 โดยโปรแกรมดังกล่าว มีแนวคิดว่า การสร้างเกมโดยไม่ต้องเขียนโปรแกรม

Download and Setup

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

1. ดับเบิลคลิกที่ไฟล์ construct2-rxxx-setup.exe ที่ได้ download มาแล้ว จะปรากฏหน้าต้อนรับสู่การติดตั้ง คลิกที่ปุ่ม Next เพื่อไปยังขั้นตอนถัดไป

2. ในขั้นตอนนี้ จะเป็นการชี้แจงข้อตกลงในการใช้งานโปรแกรม เมื่ออ่านเข้าใจแล้วก็คลิกเลือกที่ I accept the agreement และคลิกที่ปุ่ม Next เพื่อไปยังขั้นตอนต่อไป

3. ในขั้นตอนนี้ จะเป็นการกำหนดตำแหน่งที่จะติดตั้งโปรแกรม construct 2 โดยปกติจะกำหนดให้ติดตั้งที่ตำแหน่ง Program File เราสามารถเปลี่ยนเป็นตำแหน่งอื่นๆ ได้ และคลิกที่ปุ่ม Next เพื่อไปยังขั้นตอนต่อไป

4. ในขั้นตอนนี้จะเป็นการเลือก ระบบปฏิบัติการที่ใช้งานอยู่ ว่าจะติดตั้งแบบ 32 bit หรือ 64 bit ถ้าเราไม่แน่ใจให้เลือก Auto-detect what kind of computer I have และคลิกที่ปุ่ม Next เพื่อไปยังขั้นตอนต่อไป

5. ในขั้นตอนนี้จะเป็นการเลือกว่าจะให้เพิ่มไอคอนของโปรแกรมที่หน้าจอ หรือไม่ ถ้าไม่ต้องการก็คลิกเครื่องหมายออกจากช่อง Create a desktop icon และคลิกที่ปุ่ม Next เพื่อไปยังขั้นตอนต่อไป

6. ในขั้นตอนนี้จะให้ผู้ใช้ยืนยันว่าจะติดตั้งจริงหรือไม่ ถ้ามั่นใจก็คลิกที่ปุ่ม Install เพื่อติดตั้งโปรแกรม construct 2

7. โปรแกรมจะทำการติดตั้ง รอประมาณ 1 นาที แถบการติดตั้งจะเต็ม ครบ 100 %

8. ขั้นตอนนี้เป็นขั้นตอนสุดท้าย คลิกที่ปุ่ม Finish เพื่อสิ้นสุดการติดตั้ง

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

# data[].attributes.attachment_link.description
วันหนึ่งนั่งเตรียมงานอยู่ มีเด็กๆ มาสอบถามอยากสร้างเกม จะใช้โปรแกรมอะไรดี อีกอย่างขอแบบโปรแกรมที่ไม่ต้องเขียนโปรแกรมเยอะ คลิกแล้วเล่นได้เลย ภาพสวยด้วย อึ้งไปนิดหนึ่ง ตามประสบการณ์ตัวเอง เรื่องเขียนเกม เป็นเรื่องไกลตัวมาก แต่เมื่อเด็กอยาก เราเป็นครู มีหรือจะไม่สนอง นั่งหาข้อมูลประมาณครึ่งวัน จนได้ข้อสรุปว่า โปรแกรม construct 2 นี้แหละ ตอบสนองความต้องการของเด็กได้ แต่ปัญหาไม่ได้จบแค่นั้น เมื่อเด็กบอกว่า ครูสอนหน่อยสิ หาข้อมูลส่วนใหญ่มีแต่ภาษาอังกฤษ ขอภาษาไทยแบบเข้าใจหน่อย เพื่อเด็กครับเลยต้องมาจัดให้ซะหน่อย ได้ประโยชน์ทั้งครูและนักเรียน โปรแกรม construct 2 คือ โปรแกรมที่พัฒนาโดยบริษัท Scirra Ltd.