• หน้าแรก
  • บทความเกี่ยวกับการช๊อปปิ้ง
  • คลิปวิดีโอ
  • ทีวีออนไลน์
  • รวมเกม เกมส์มากมาย
  • แบ่งปันความรู้
  • สารบัญเว็บไซต์
  • โลกใบเล็กของเราทุกคน
  • คุยสด แชท เว็บบอร์ด
  • ติดต่อเรา

Darkbasic Tutorials

Game Interface with DarkBasic Pro ตอนที่1 ( 27 มิถุนายน 2553 )


แบ่งออกเป็นขั้นตอนได้ดังนี้

1. ตีโจทย์จาก Game Design

เป็นขั้นตอนที่เราต้องใช้ข้อมูลจาก Game Design เพื่อให้รู้ว่ามีข้อมูลส่วนใดที่เราต้องนำเสนอต่อผู้เล่นบ้าง โดยเราสามารถจัดกลุ่มข้อมูลต่างๆเพื่อนำไปสู่ขั้นตอนที่ 2 Design Interface


2. Design Interface

ออกแบบ Interface Game โดยอาจจะร่างในกระดาษก่อน แล้วจึงใช้โปรแกรมวาด / ตกแต่งภาพ จัดวางรูปให้ได้ตำแหน่งตามที่ออกแบบไว้

 

Game Interface Design

 

Game Interface Design

 

3. แยกชิ้นส่วนและจดพิกัด x,y ของแต่ละรูปออกมา (pixels)

 

Game Interface Design

 

MainInterface พิกัด 0,0

 

Game Interface Design Game Interface Design Game Interface Design Game Interface Design Game Interface Design

 

B_status 324,689
B_quest 400,689
B_skill 476,689
B_item 552,689
B_option 628,689

 

Game Interface DesignGame Interface DesignGame Interface Design

 

P_heroL 0,376
i_status 41,187
P_heroS 70,250


ข้อแนะนำ

1. ระวังเรื่องขนาดของภาพ ที่ตัดออกมา บางภาพอาจมี effect ที่จะทำให้ขนาดหรือภาพที่เซฟออกมาไม่ตรงกับที่เราตั้งใจ ซึ่งจะมีผลต่อพิกัดที่เราวัดไว้ในภาพต้นฉบับ

 

2. การเซฟไฟล์ภาพ ไฟล์ที่ต้องการให้พื้นหลังโปร่งใสให้เซฟเป็นสกุล PNG ไฟล์ที่ไม่ต้องการพื้นโปร่งใสให้เซฟเป็นสกุล BMP

 

3. การตั้งชื่อไฟล์ เพื่อสะดวกในการใช้งาน ควรจัดกลุ่มไฟล์ไว้เป็นหมวดหมู่โดยอาจใช้ตัวอักษรเป็นสัญลักษณ์ย่อเช่น T ใช้กับไฟล์ภาพที่เป็น Text อย่างเดียว , i ใช้กับไฟล์ภาพที่เป็นส่วน interface , B ใช้กับภาพปุ่มต่างๆ เป็นต้น

Tag :: game interface design
เข้าชมแล้ว :: 1505 ครั้ง | กลับหน้าหลัก