Archive for July, 2012

สร้างเกมส์ด้วย HTML5 ง่ายๆ (part2-4)

สร้าง Player Platform

ในตอนที่ 3 จบลงด้วยการทำให้ตัว Player วิ่งหันหน้าไปซ้าย-ขวา กันได้แล้วใช่ป่าวครับ ผมอยากจะเพิ่มเติมตอนที่ 3 อีกสักหน่อย เนื่องจากลืมคิดไปว่า ถ้าหากควบคุม Player จนสุดขอบ แล้วมันจะตกเหว หายไปจากฉาก ดังนั้น ผมขอขยายตอน 3 อีกหน่อยก่อน จะขึ้น Part3 นะครับ ส่วนขยายนี้สั้นๆครับ ไม่ยาว อ่านสบายๆครับ ^

สิ่งที่จะเขียนขยายความจากตอนที่ 3 นะครับ ก็คือ ผมจะกำหนดขอบเขตของเกมส์เพื่อไม่ให้มันวิ่งหลุดขอบ แล้วตกเหวหายไป และจะขยายการเดินของฉากให้เดินได้ไกลขึ้น เอาละ ไม่เห็นภาพใช่ป่ะ งั้นคลิกที่ปุ่มนี view game แล้วลองเดินซ้าย-ขวา ดูครับ

Ok เห็นภาพแล้วนะครับ ว่าผมกำลังหมายถึงอะไร ทีนี้ เรามาดูพิธีกรรมในการทำกันดีกว่า…
Read more…

Related Articles

สร้างเกมส์ด้วย HTML5 ง่ายๆ (part2-3)

สร้าง Player Platform

ไม่น่าเชื่อว่าแค่ Player Platform เล่นซะ 3 ตอนเลยทีเดียว เพราะกลัวหน้าจะยาวเกินไป เราเน้นรูปซะด้วย 555 แต่หวังว่าจะช่วยให้ผู้สนใจทำเกมส์ เข้าใจได้เร็วขึ้น เอาหละ จากตอน 2 จบลงไม่สวยเท่าไหร่ เพราะเจ้า Player มันยังไม่เดิน โดยใช้ Animate ที่เราเซ็ตเอาไว้ใน Scene : Left, Right ทีนี้เรามาดูกันว่าเซ็ตอย่างไรครับ

ก่อนจะเข้าสู่การใส่เงื่อนไขการเคลื่อนที่ให้กับ Player มาลองทบทวนดูการแสดงผลของเกมส์ จากตอน 1-2 กันนะครับ View game

จะเห็นว่าเวลาเรากดลูกศรซ้าย-ขวา ที่คีย์บอร์ด มันไม่หันหน้าไปตามที่เรา Set Scene เอาไว้ใช่ไหมครับ ทีนี้มาดูวิธีการกันเลยดีกว่า
Read more…

Related Articles

สร้างเกมส์ด้วย HTML5 ง่ายๆ (part2-2)

สร้าง Player Platform

ใน Blog สร้าง Player ก็ได้รู้จักการนำ ตัวละครแบบ Sprite Sheet เข้ามาสร้าง Scene : Default, Left, Right กันแล้ว ตอนนี้จะพูดเรื่องของการที่จะทำให้ตัว Player เดินไปมาในฉากได้ครับ และจะแถมการสร้าง Solid หรือ Object ที่เอาไว้ เดินนึกถึงเกมส์มาริโอ้ ที่เดินบนฉาก และ กระโดดขึ้นอิฐ นั่นแหละครับ Solid ทีนี้มาดูกันว่าจะสร้าง Player Platform ยังไง

สรุปขั้นตอน

  • 1. คลิกที่ Player ให้ขึ้น Scale สีม่วง
  • 2. คลิกที่ Add/edit
  • 3. คลิกที่ + (Add)
  • 4. เลือกที่ Platform
  • 5. Add

Read more…

Related Articles

สร้างเกมส์ด้วย HTML5 ง่ายๆ (part2-1)

การสร้าง Player

สำหรับ Part 1 ได้เขียนถึง User Interface ของ โปรแกรม Construct2 เอาไว้แล้วเบื้องต้น ใน Part2 ตั้งใจจะแนะนำการสร้าง Event ให้กับ Player, Monster และ Bullet และ ฉาก เพื่อสร้างความเข้าใจพื้นฐาน ในการควบคุม Object ต่างๆเบื้องต้นกันนะครับ

ก่อนอื่นต้องเข้าใจก่อนว่า ภาพที่จะใช้ในเกมส์นั้น ถ้ามีวัตถุประสงค์ว่าจะสร้างเป็นเกมส์บน Web Browser ขนาด และน้ำหนักภาพ อาจจะไม่ค่อยมีผลเท่าไหร่ แต่ถ้าจะให้ Gamer สามารถเปิดเล่นใน iPad, iPhone หรือ Mobile Devices อื่นๆได้ด้วย คงต้องปรับขนาด และน้ำหนัก ให้เบาที่สุด ดังนั้นเกมส์ HTML5 ส่วนใหญ่ จะตัวเล็กๆ เบาๆ สีน้อยๆ ประมาณนั้น (เกมส์ส่วนมาก จึงใช้กราฟฟิคเป็น Pixel Art) ซึ่งข่าวดีอีกอย่าง เมื่อผู้ศึกษาโปรแกรม Construct2 เข้าใจและสร้างเกมส์ได้อย่างสนุกแล้ว ยังสามารถต่อยอด ไปจนถึง App Store ของ Apple ซึ่งเป็นดินแดนสวรรค์ของนักสร้างเกมส์ ที่ต้องการหารายได้ อีกทางหนึ่งด้วย

Read more…

Related Articles