Away3D Model Part2

เมื่อเราได้ ไฟล์ โมเดล 3มิติ ที่เป็น *.3ds มาแล้วขั่นต่อไปเราจะทำการใส่ลวดลายให้กับโมเดลสามมิตินั้น ซึ่งการใส่ลวดลายให้กับวัตถุด้วย Away3D นั้น เป็น Flash Platform ที่เขียนด้วย ActionScript ดังนั้นเราจึงจำเป็นต้องใช้ preFab ซึ่งเป็นเครื่องมือที่จะช่วยสร้างคลาสของโมเดลสามมิติพร้อมลวดลายให้กับเรา แทนที่เราจะมานั่นเล็งเอาเองพล็อตจุดแทนจุดเอาเองจริงไหมครับ :)
1. ไปดาวน์โหลดโปรแกรม preFab กันก่อนครับ ที่นี่ครับ http://www.closier.nl/prefab/ ไอ้เจ้า preFab เนี้ยเป็นโปรแกรมที่ทำงานบน Adobe AIR ถ้าคุณต้องการดาวน์โหลด preFab มาติดตั้งคุณจะต้องลง Adobe Air ก่อน (ซึ่งคุณก็เลือกได้ทางเดียวครับต้องลง AIR และโหลด preFab มาติดตั้ง :D ไม่ติดตั้งก่อนก็ไม่ได้ใช้หรอก) ถ้าคุณไปถึงเป็น preFab คุณก็จะเห็นว่าหน้าเว็บเค้าจ๊าบจริงๆ ติดตั้งเสร็จแล้วใช่ไหมครับ โอเค... เริ่มเลย ครับ

รูปที่ a3d2.1

ความเดิมตอนที่แล้ว : เราได้ ไฟล์ Home.3ds มาแล้วใช่ไหมครับ (น่าจะใช่น่ะ)
1. เปิด preFab ครับ (นี่แหล่ะคือเหตุผลที่ให้ไปโหลด) ถ้าคุณใช้เวอร์ชั่น เดียวกันกับผมนะครับ มันจะมี หน้าต่างหลักอยู่ตัวหนึ่ง แล้วก็มีหน้าต่าง Light manager และก็ หน้าต่าง Renderings list อีกตัว รวมกันเป็น 3 ตัว(อันนี้บวกให้ กลัวไม่รู้) คลิ๊กดูภาพใหญ่รูปที่ a3d2.1 (จะดูทำไม ในเมื่อโหลดมาแล้วลูกพี่? อ้าวก็เผื่อมีคนยังไม่ลง..)
2. เริ่มของจริงครับ ไปที่ File > Import 3D model ดังรูปที่ a3d2.2จากนั้นโปรแกรมก็จะถามว่าจะรีสเกลหรือไม่อะไรประมาณนี้ ถ้าคุณพอใจแล้วคุณก็กด OK ไป

รูปที่ a3d2.2

3. เห็นไหมโมเดลที่เราทำใน Blender ก็จะมาประกฏกายบน preFab ในพริบตาเหมือนในรูปที่ a3d2.3

รูปที่ a3d2.3

4. เมื่อโหลดโมเดลมาแล้วต่อไปเราจะโหลดภาพที่จะมาแปะครับที่ สังเกตุที่ Renderings list จะมีที่ให้โหลด ดูในรูปที่ a3d2.4 ครับ จากนั้นเราก็เลือกภาพมาครับ

รูปที่ a3d2.4

5. เมื่อโหลดภาพมาแล้ว ตอนนี้โมเดลเราก็จะมีลวดลายแล้วแต่เป็นลายแปลกๆ เพี้ยน ต่อไปเราจะทำการ จัดการกับลายนั้น คลิ๊ก UV editor รูปที่ a3d2.5

รูปที่ a3d2.5

6. จะปรากฏหน้าต่างมาให้เรา เพื่อทำการจัดการระหว่าง face กับ picture ที่เราโหลดมา แต่ก่อนที่จะลุยกันส่วนนี้ ผมจะขอสรุปสั่นๆ แบบ twitter ให้ฟังก่อนว่า
หน้าจอทางขวา เป็นส่วนของการ preview และเลือกวัตถุ กด Ctrl ค้าง แล้วลากเพื่อหมุน
หน้าจอทางซ้าย เป็นส่วนของ face ที่ถูกทำการเลือกโดยหน้าจอทางขวา เพื่อทำการแก้ไข
ส่วน หน้าจอ panel ตรงกลาง เป็นส่วนของการ rotate,flip ,ฯลฯ กับ vertex ของ face ที่ถูกเลือกจาก หน้าจอทางซ้ายอีกที งงไหม?

รูปที่ a3d2.6

เมื่อคุณเล่นๆ จับลากๆ คุณก็จะรู้เองว่าแต่ละอันมันใช้งานยังไง
7. จากนั้นเมื่อคุณจัดภาพกับโมเดลจนเป็นที่พอใจแล้วคุณก็ ไปที่ Export>Export to Away3D AS3 class เพื่อบันทึกภาพที่คุณทำๆอยู่น่ะ ออกไปเป็นไฟล์ .as