VRChat Guide

การนำโมเด็ล Avatar ลงในเกม VRChat โดยใช้โมเด็ลไฟล์ .obj for VRChat

การนำโมเด็ล Avatar ลงในเกม VRChat โดยใช้โมเด็ลไฟล์ .obj

Overview

อธิบายการนำเอาโมเด็ลตัวละคร Avatar มาใช้ในเกม VRChat อย่างง่ายๆ

เตรียมตัวก่อนเริ่ม

######บทความนี้ ไม่สามารถใช้ได้แล้วกับตัวเวอร์ชั่นปัจจุบัน######

* บทความนี้เขียนและอิงจากเว็บไซด์ [link]

การนำโมเด็ลตัวละครที่คุณโปรดปรานมาใช้ในเกม VRChat นั้น ดูเหมือนจะเป็นเรื่องยุ่งยาก แต่ก็ไม่ใช่เรื่องยากถึงขนาดจะทำไม่ได้ และบทความนี้จะสอนการนำโมเด็ลตัวละครไปไว้ในเกมแบบ step by step ทีละขั้นตอน ที่เหมาะสำหรับคนที่ไม่มีความรู้เรื่องอะไรเกี่ยวกับโปรแกรม ก็ยังสามารถทำได้อย่างสบายๆ (เพราะผมก็ไม่ค่อยรู้อะไรเลยเหมือนกัน)

เริ่มต้น
– เข้าเว็บไซด์ [link] แล้วสมัครสมาชิก (ไม่ใช้ไอดีสตีมนะ แยกกัน)
– ดาวน์โหลดชุดโปรแกรม SDK (ย่อมาจาก Software Development Kit) จากเว็บไซด์ VRChat
– ดาวน์โหลดโปรแกรมเกมเอนจิ้น Unity เวอร์ชั่นล่าสุด (ขณะนี้เวอร์ชั่น 5.6.3p1) แล้วลงให้เรียบร้อย (ลงนาน) [link]
– ดาวน์โหลดโมเด็ลตัวละครที่ต้องการ หาได้ตามแหล่งต่างๆ เช่น [link]
– เข้าเว็บไซด์ Mixamo แล้วสมัครสมาชิกให้เรียบร้อย [link]

ข้อสำคัญ
* โมเด็ลตัวละคร ต้องมีจำนวนโพลีกอนไม่มากกว่า 20,000 โพลีกอนเท่านั้น หากมากกว่านี้ตัวเกมจะไม่รองรับ (คือพยายามอย่าหาโมเด็ลที่มันละเอียดจนเกินไป)

ขั้นตอนที่ 1

หลังจากติดตั้งโปรแกรม Unity แล้วก็เปิดขึ้นมา หากคุณยังไม่มีแอคเคาท์ของ Unity ก็ให้สมัครผ่านโปรแกรมได้เลย เสร็จแล้วล็อคอินให้เรียบร้อยก็จะเข้าสู่หน้าจอเริ่มต้นดังภาพ ตั้งชื่อโปรเจค แล้วกด Create project

จะเข้าสู่โปรแกรม จากนั้นให้เรา Import ชุดโปรแกรม SDK ที่ดาวน์โหลดมาด้วยการ คลิกที่ Assets –> Import Package –> Custon Package… แล้วเลือกไปที่ VRCSDK ที่คุณเซฟไว้

จากนั้นจะปรากฏหน้าต่างเล็กขึ้นมา ให้กด Import แล้วรอสักครู่หนึ่ง เมื่อเสร็จแล้ว ก็ให้กดเซฟโปรเจคไว้ ไปขั้นตอนต่อไป

ขั้นตอนที่ 2

ขั้นตอนนี้คือการใส่กระดูกให้กับโมเด็ล เพื่อให้ตัวโมเด็ลนั้นสามารถเคลื่อนไหวได้ เรียกขั้นตอนนี้ว่า Rigging ซึ่งเมื่อคุณได้ทำการดาวน์โหลดโมเด็ลมาแล้ว (คู่มือนี้จะสอนโดยใช้โมเด็ลไฟล์นามสกุล .obj) ซึ่งโชคดีที่สมัยนี้การจะใส่กระดูกให้กับโมเด็ลนั้นไม่ยุ่งยากเหมือนสมัยก่อนแล้วที่ต้องมานั่งใส่เองทีละข้อทีละส่วน
เข้าเว็บไซด์ Mixamo.com เมื่อมีแอคเคาท์แล้วก็ล็อคอินเข้าไปให้เรียบร้อย ที่หน้าจอขวามือจะเห็นปุ่ม UPLOAD CHARACTER ก็ให้กดอัพโหลดโมเด็ลของเราเลย รอสักครู่ โมเด็ลตัวละครของเราก็จะปรากฏออกมาดังภาพด้านล่าง
* ให้อัพโหลดด้วยไฟล์ .zip ที่รวบรวมทุกไฟล์ไว้ในโฟลเดอร์เดียว (ทั้งไฟล์โมเด็ล เทคเจอร์)

เสร็จแล้วกด Next จะมาอีกหน้าจอหนึ่ง หน้าจอนี้จะเป็นการกำหนดจุดข้อต่อให้กับโมเด็ล ทำได้ง่ายๆด้วยการกดคลิกแล้วลากไปยังจุดนั้นๆเลย ดังภาพด้านล่าง (ดูให้ดีๆนะว่า ข้างซ้ายหรือขวา) เสร็จแล้วกด Next ได้เลย
CHIN คือตำแหน่งของคาง
WRISTS คือตำแหน่งของข้อมือ
ELBOWS คือตำแหน่งของข้อศอก
KNEES คือตำแหน่งของหัวเข่า
GROIN คือตำแหน่งของขาหนีบ

รอสักครู่หนึ่ง โปรแกรมจะทำการ Rigging ให้กับโมเด็ลตัวละครของเรา ซึ่งเมื่อเสร็จแล้วก็จะปรากฏหน้าจอที่ตัวละครของเรากำลังเคลื่อนไหว ให้เราเช็คดูการเคลื่อนไหวให้ละเอียดว่ามีอะไรที่ผิดปกติ ไม่เป็นธรรมชาติหรือไม่? ถ้าเกิดการเคลื่อนไหวของโมเด็ลมันดูแปลกๆ ก็ให้เรากด BACK ย้อนกลับไปกำหนดจุดข้อต่อใหม่ แต่ถ้าหากทุกอย่างโอเคแล้วก็ให้กด NEXT ได้เลย

จะกลับมาสู่หน้าจอแรกอีกครั้ง ในตอนนี้ให้เรากดปุ่ม DOWNLOAD ได้เลย หรือถ้าหากใครอยากจะทดสอบ Animations ของตัวละครก็ให้กดเลือกท่าทางที่อยู่ทางด้านซ้ายมือของจอได้ แต่ตอนกด DOWNLOAD ไม่ต้องโหลดเอา Animations มานะ

ขั้นตอนที่ 3

กลับมาที่โปรแกรม Unity ที่ตรงตำแหน่งด้านล่างของโปรแกรม ในช่อง Assets ให้กดคลิกขวาตรงพื้นที่ว่าง เลือก Create –> Folder แล้วตั้งชื่อให้เรียบร้อย เสร็จแล้วกดดับเบิ้ลคลิกเข้าไป คลิกขวาตรงพื้นที่ว่าง กด Import New Asset… เลือกไปที่โมเด็ลตัวละครที่เราพึ่งไปใส่กระดูกมาจากเว็บ Mixamo เมื้อกี้นี้ จะปรากฏภาพตามตัวอย่างด้านล่าง

ขณะนี้ตัวโมเด็ลของเราจะเป็นไฟล์ .FBX แล้ว เมื่อคลิกตรงไฟล์ ที่หน้าจอโปรแกรมฝั่งขวามือ แถบ Inspector เมนู Rig หัวข้อ Animation Type ให้เปลี่ยนเป็น Humanoid แล้วก็กด Apply ได้เลย

เมื่อกด Apply แล้ว ให้ลองดูที่ปุ่ม “Configure…” ที่อยู่ใกล้ๆกัน จะปรากฏหน้าจอรายละเอียดเกี่ยวกับกระดูก ซึ่งเราสามารถเช็คความเรียบร้อยของส่วนหัว ร่างกาย และมือทั้ง 2 ข้างได้

ดูตามภาพด้านล่าง ส่วนของ Body ปรับตรง Chest กับ Upper Chest ให้เหมือนกับภาพ กดเปลี่ยนโดยการกดปุ่มวงกลมเล็กๆด้านขวาสุด เสร็จแล้วกด Apply และ Done แล้วเซฟซะหน่อย

ขั้นตอนที่ 4

ตอนนี้เราใกล้ความจริงไปทุกขณะแล้ว ในโปรแกรม Unity ให้เราลากเอาโมเด็ลที่อยู่ในช่องด้านล่าง ไปวางบน Scene ได้เลย แล้วเซ็ตค่าตำแหน่ง แกน X Y Z ตรงเมนูขวามือให้เป็น 0 ดังภาพ แล้วให้ลองใช้ช่วงเวลานี้หัดบังคับเล่นเมาส์ปรับมุมมองมุมกล้องให้เป็น

จากนั้นสิ่งที่ต้องทำต่อก็คือการปรับขนาดของโมเด็ลตัวละคร ซึ่งดูแบบนี้เราไม่สามารถจะรู้ได้เลยว่าตัวโมเด็ลนี้เมื่อไปอยู่ในเกมแล้วสัดส่วนมันจะถูกหรือผิดไปขนาดไหน ซึ่งในกรณีนี้ในชุด VRCSDK ได้มีการใส่ตัว Avatar ตัวอย่างในเกมมาให้แล้วให้เรากดดับเบิ้ลคลิกเข้าไปในโฟลเดอร์ของ VRCSDK –> Examples –> Scenes จะปรากฏไฟล์ตามภาพ ให้เลือกเอา Example-Avatars.unity แล้วลากเข้าไปในช่องซ้ายมือบนดังภาพเลย

พอลากไปแล้ว โมเด็ลตัว Avatar ตัวอย่างจะเข้าไปอยู่ใน Scene หากไม่เห็นอะไร ลองซูมกล้องออกมาดู ดังภาพจะเห็นได้ว่าโมเด็ลตัวละครของเรานั้นผิดสัดส่วนไปอย่างมาก ตัวเล็กนิดเดียว แบบนี้เอาไปอยู่ในเกมไม่ได้แน่ๆ

ให้เราคลิกที่โมเด็ลตัวละครของเรา แล้วสังเกตดูตรงไอคอนเมนูที่ซ้ายบน คลิกเลือกเครื่องมือดังภาพ แล้วคลิกลากที่ปุ่มสี่เหลี่ยมตรงกลางโมเด็ลเพื่อปรับขนาดโดยเทียบสัดส่วนกับตัวโมเด็ลตัวอย่าง ซึ่งขณะที่เราปรับขนาดโมเด็ล ตัวโมเด็ลจะเคลื่อนที่ไปด้วย ก็ให้เราคอยปรับค่า X Y Z เป็น 0 เพื่อเปรียบเทียบ

ซึ่งเมื่อเราได้ปรับขนาดได้ตามต้องการแล้ว ก็ให้ทำการลบโมเด็ลตัวอย่างทิ้งไปด้วยการ คลิกที่ชื่อ Example-Avatars ตรงช่องซ้ายมือ คลิกขวาเลือก Remove Scene

ขั้นตอนที่ 5

คลิกที่โมเด็ลของตัวละครของเรา ตรงหน้าต่างทางขวามือ หัวข้อ Animator แล้วดูตรง Controller ค่าที่ตั้งอยู่จะเป็น “None (Runtime Animator Controller)” ให้กดเปลี่ยนเป็น “SimpleAvatarController”

กดที่ปุ่ม “Add Component” ตรงช่องพิมพ์หา VRC_Avatar Descriptor แล้วคลิกเลือก

จะปรากฏเมนูเพิ่มเข้ามาอีก 1 หัวข้อ จากนั้นใช้วิธีเดิม พิมพ์หาเรียก “Pipeline Manager” ออกมา ซึ่งจะปรากฏปุ่มให้ Login ขึ้นมา ก็ให้เราล็อคอินด้วยแอคเคาท์ VRChat ที่สมัครไว้ (ย้ำ ไม่ใช่ไอดีสตีม)

ตรงหัวข้อ VRC_Avatar Descriptor (Script) ดูตรง Default Animation Set หากโมเด็ลของคุณเป็นผู้หญิงก็ให้เลือกปรับเป็น Female

จัดการเซฟให้เรียบร้อย ตอนนี้ก็มาถึงขั้นตอนสุดท้ายแล้วคือการอัพโหลดโมเด็ลของเราไปยัง VRChat
คลิกที่เมนู “VRChat SDK” แล้วเลือก “Show Build Control Panel”

ถ้าไม่มีขึ้น Error ตัวอักษรสีแดงอะไร ก็สามารถกด “Build & Publish” ได้เลย รอสักครู่แล้วจะปรากฏหน้าจอดังภาพด้านล่าง

ในหน้าจอนี้ ตรงส่วนของรูปภาพที่อัพโหลด สามารถปรับตรงที่หน้าต่างขวามือที่ “Rotation” X Y Z ได้ ให้เราใส่ชื่อ รายละเอียดต่างๆลงไป ส่วนตรง Content Warnings ถ้าโมเด็ลของคุณไม่ได้มีเนื้อหาที่ต้องขึ้นเตือนก็ไม่ต้องไปสนใจ ติ๊กถูกยืนยันข้อมูลแล้วกด Upload โลดด

เมื่อเสร็จแล้ว ถึงตอนนี้จะรออะไรอยู่ล่ะ รีบเข้าเกม ล็อคอินด้วยไอดี VRChat แล้วไปดูโมเด็ลของคุณกันเลย

สำเร็จอย่างงดงาม!!

SteamSolo.com