EXPERIENCE
Creative
Labs
Lifestyle

Online Game project – Possibilities Testing

added January 10, 2012 by Area80

เกมส์โปรเจคของเราที่กำลังอยู่ในช่วงทดลอง ทดสอบความเป็นไปได้ของระบบ และงานดีไซน์ นี่คือความคืบหน้าในช่วง 1 เดือนที่ผ่านมา

งานออกแบบ เริ่มจากโปรแกรมสำหรับสร้างฉากที่นำ Pattern หลากหลายรูปแบบมาประกอบกัน ซึ่งแต่ละลายจะมีจำนวนถึง 16 ภาพ เพื่อให้แน่ใจว่าสามารถสร้างฉากได้ทุกแบบที่ต้องการ
รวมทั้งมีการทำ Speed Test สำหรับ สร้างฉากที่กว้างได้ถึง 6000 pixels ซึ่งสามารถเล่นในเฟชบุคได้แบบลื่นๆ

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

เซทแรกออกแบบโดยหมวย

เซทที่สองออกแบบโดยจุม

โปรแกรมสร้างพื้น

โปรแกรมสำหรับสร้างพื้น ซึ่งสามารถสร้างฉากได้ตามจินตนาการของดีไซน์เนอร์ โดยที่โจทก์ก็คือ ต้องไม่กระตุก เล่นได้แม้เครื่องจะเก่า และที่สำคัญคือต้องโหลดเร็ว แม้จะมีขนาดถึง 6000 pixels ก็ตาม ซึ่งตัวนี้สอบผ่านทั้งหมด Engine by EXIT

โปรแกรมสำหรับจัดการกับวัตถุในฉาก

โปรแกรมสร้างฉากอีกตัวก็คือโปรแกรมจัดการกับวัตถุในฉาก ซึ่งวัตถุที่ใช้จะมีทั้งวัตถุ 3 มิติที่นำมาลงสีทับ รวมทั้งวัตถุที่วาดขึ้นมาเลย ซึ่งจะให้คนสร้างฉากสลับโหมดไปมาระหว่างทำสีพื้น และ วางของในฉาก ซึ่งแน่นอน ต้องเล่นแล้วลื่น และโหลดเร็ว Engine by Witoon (Senba Studio)

Character 3D Render Engine : Speed Test

เอนจิ้นอีกตัวที่จะขาดไม่ได้คือ เอนจินสำหรับเรนเดอร์ตัวละครที่ออกแบบเป็น 3 มิติ ซึ่งเรามีประสบการณ์ร้ายๆจากเกมส์อย่าง Restaurant City ที่ทำให้คนเล่นปวดหัว เครื่องแฮงค์มาแล้ว เราเลยระมัดระวังเป็นพิเศษ สำหรับเรนเดอร์เอนจินตัวนี้ ซึ่งนี่เป็นการทดสอบ 3D Engine บนท้องตลาดหลายๆตัว และ Sprite Sheet ซึ่งลงความเห็นว่าควรจะเป็น Sprite Sheet ซึ่งจะสร้างโดย Tools ที่เขียนขึ้นสำหรับนำโมเดล 3 มิติที่ทำมาใส่เลย ซึ่งน่าจะรองรับคนเล่นได้ถึงฉากละ 20 คนแบบสบายๆ ซึ่งตัวเกมส์คงต้องแบ่งเป็น Channel สำหรับการออนไลน์เจอเพื่อน Engine by Witoon (Senba Studio)

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

Read More (no comments)

Related Threads
  • No Related Post
TAGS

Blog, Labs

 ใน tutorial นี้พูดถึงการนำ google map มาใส่ในหน้าเวปของเรา โดยใช้ Google Maps Javascript API V3 ซึ่งสามารถปรับแต่งได้เยอะพอสมควรเลยเลยทีเดียว (แถมจัด Document เป็นหมวดหมู่อ่านเข้าใจง่ายอีกด้วย)

Read More (no comments)

Related Threads
  • No Related Post
TAGS

Blog, Labs

StyledMapType & Control Options Google Maps

added June 29, 2011 by EXIT

ใครว่าการเปลี่ยนโลกทั้งใบนั้นยาก ลองมาอ่าน tutorial นี้ครับจะรู้ว่าการเปลี่ยนสีแผนที่โลกมันง่ายนิดเดียว…

Read More (no comments)

Related Threads
  • No Related Post
TAGS

Blog, Labs

Translate Your Facebook Application

added June 15, 2011 by Area80

มีงานบางงานของเราที่ต้องออกแบบทั้งสองภาษา แต่เนื่องด้วยบางจุดนั้นไม่เอื้ออำนวยต่อการวาง copies 2 ภาษา อีกทั้งเราเห็นว่าเว็บการวางปุ่มเปลี่ยนภาษาไว้ด้านบนก็ดูล้าสมัยเสียแล้ว

โชคดีที่งานส่วนใหญ่ของเราต้องใช้ Facebook เป็นส่วนประกอบทั้งสิ้น และโชคดีอีกอย่างที Facebook นั้นส่งข้อมูลเรื่องภาษาที่ user แต่ละคนใช้ ให้เราตั้งแต่ Login เลยทีเดียว

ไม่ว่าจะใช้ Facebook Connect Login ด้วยวิธีไหน สิ่งที่ได้รับกลับมาเสมอโดยไม่ต้องขอ Permission เพิ่มเติมคือตัวแปรที่ชื่อ locale

locale จะบอกให้เรารู้ว่า user เป็นคนชาติไหน และใช้ภาษาอะไร โดยใช้ ISO Language and Country Code ซึ่งจะส่งมาในรูปแบบ “en_US”, “th_TH” หรือ “en_TH” ก็ได้ โดยถึงแม้จะมีทั้งตัวใหญ่และเล็ก แต่ ISO ตัวนี้ไม่ได้ case sensitive ซึ่งความหมายของมันเรียงตามลำดับคือ ภาษา และ ประเทศ หรือ ภาษา_ประเทศ

ตัวอย่างงานที่นำกิมมิคตรงนี้ไปใช้ก็จะมี Smirnoff Bangkok Remix ในส่วน Registration Form และ System Alert Box ต่างๆที่มีพื้นที่จำกัด
และ Application อื่นๆที่ใช้ Facebook Registration Form ทั้งหลาย

ข้อมูลเพิ่มเติม

ISO:639 language code
http://www.mcanerin.com/en/articles/meta-language.asp

Country code
http://www.mcanerin.com/en/articles/ccTLD.asp

Read More (no comments)

Related Threads
  • No Related Post
TAGS

Blog, Labs