ลง (หันเข้ากล้อง) down
ยิง 2 รอบ — รอบแรกไม่มีประโยคเรื่องขนาด ได้ตัวโตกว่าหุ่นราว 19% มุมหน้าตรงไม่กดลง ขาแทบไม่ก้าว เติมประโยคเสริมแล้วผ่าน
แจกแม่แบบท่าเดิน 8 ทิศ ให้ AI วาดตัวละครเกมทับ
ทำหุ่น 3 มิติเดิน 8 ทิศ จับภาพเป็นแผ่น 8 เฟรม แล้วให้ AI วาดตัวละครทับทีละทิศ ท่า ขนาด และจังหวะก้าวจึงตรงกันทุกทิศ ทั้ง 8 แผ่นข้างล่างเจนจริงใน Google Flow จากแม่แบบและพรอมต์ที่แจกในหน้านี้
แชร์
แม่แบบ 8 ทิศ โหลดได้เลย
แต่ละใบขนาด 1376x1032 (4:3) แบ่ง 2 แถว 4 ช่อง เป็น 8 เฟรมของรอบเดินเดียว กดที่รูปเพื่อสลับดูแผ่นที่ AI วาดทับ ไฟล์ .zip มีแม่แบบครบ 16 ใบ (8 ทิศ สองสีพื้น) กับซอร์สหุ่น 3 มิติ
สีพื้นของแม่แบบโหลดทั้งชุด (.zip 2.8 MB)
ขึ้น (หันหลัง) up
ยิง 1 รอบ — ท่าผ่านรอบแรก แต่เกราะไหล่ที่ตัวจริงมีข้างเดียวกลายเป็นสองข้าง ลองอีก 3 รอบไม่ดีขึ้น จึงใช้แผ่นแรก
ขวาบน (หันหลังเฉียง) upright
ยิง 2 รอบ — รอบแรกใช้คำแบบเดียวกับซ้ายบน ได้หันหน้ามา 6 ใน 8 ช่อง เติมประโยคเสริมแล้วหันหลังครบ
ขวา right
ยิง 1 รอบ — ท่าผ่านรอบแรก แต่เกราะไหล่ไปอยู่ข้างที่ใกล้กล้อง (ผิดข้าง เหมือนกลับภาพจากทิศซ้าย)
วิธีเจนใน Google Flow
ใช้โมเดล Nano Banana Pro เจนรูปนิ่ง ตอนที่เราทำ (3 ต.ค. 2569) การเจนรูปนิ่งใน Flow ไม่ถูกหักเครดิต จาก 7 ทิศที่ยิงในคืนเดียว 5 ทิศผ่านรอบแรก อีก 2 ทิศต้องเติมประโยคแล้วยิงซ้ำหนึ่งรอบ
- 1เปิด Google Flow สร้างโปรเจกต์ แล้วเปิดการตั้งค่าข้างกล่องพรอมต์ ตั้งรูปภาพเป็น 4:3 จำนวน x1 โมเดล Nano Banana Pro
- 2เริ่มเซสชันใหม่ทุกแผ่น ไม่ต่อจากแผ่นก่อน เพื่อไม่ให้ภาพที่แนบค้างจากรอบก่อนติดไปด้วย
- 3แนบภาพ 2 ใบตามลำดับ ใบแรกคือแม่แบบของทิศนั้น ใบที่สองคือภาพตัวละคร (ยืนตรง เต็มตัว พื้นเรียบ)
- 4วางพรอมต์ของทิศนั้นเป็นบรรทัดเดียวแล้วส่ง รอราว 45 วินาที
- 5เปิดแผ่นที่ได้เทียบกับแม่แบบทีละช่อง ดูสามอย่าง: มีชิ้นหุ่นสีเทาเหลือไหม หันถูกทิศครบทุกช่องไหม ชุดเหมือนกันทุกช่องไหม
เราเขียนพรอมต์ให้ Flow ยังไง
พรอมต์ทุกทิศเป็นโครงเดียวกัน เปลี่ยนแค่คำบอกทิศ เขียนเป็นบรรทัดเดียวคั่นด้วยจุดกลาง เพราะในกล่องพรอมต์ของ Flow การขึ้นบรรทัดใหม่คือการส่ง พรอมต์เต็มของแต่ละทิศกดคัดลอกได้จากการ์ดด้านบน
สร้างรูปภาพนิ่ง 1 ใบ อัตราส่วน 4:3 สร้างเลยไม่ต้องถามเพิ่ม
กล่องพรอมต์ของ Flow เป็นผู้ช่วยที่ตีความเอง ถ้าไม่บอกว่าเอารูปนิ่ง มันอาจไปสร้างวิดีโอซึ่งใช้เครดิต และถ้าไม่สั่งให้สร้างเลย บางครั้งมันถามกลับก่อน
ภาพแนบที่ 1 คือแม่แบบท่าเดิน เป็นหุ่น 3 มิติสีเทา มี 8 เฟรม 2 แถว x 4 ช่อง + คำบอกทิศ
บอกให้ชัดว่าภาพไหนเป็นโครง มีกี่ช่อง เรียงยังไง และหุ่นหันไปทางไหน คำบอกทิศเป็นท่อนเดียวที่เปลี่ยนในแต่ละแผ่น
ภาพแนบที่ 2 คือตัวละครของฉัน
แยกหน้าที่ของสองภาพ ภาพแรกให้ท่า ภาพที่สองให้หน้าตากับชุด ลำดับการแนบต้องตรงกับที่เขียน
วาดทับแทนหุ่นเทาครบทั้ง 8 ช่อง … เหมือนแม่แบบเป๊ะ ไม่ขยาย ไม่ย้าย ไม่เหลือชิ้นส่วนหุ่นสีเทา
หัวใจของพรอมต์ สั่งให้ลอกท่าทีละช่อง ไม่ใช่วาดท่าเดินของตัวเอง และกันชิ้นส่วนหุ่น (มักเป็นแขนข้างไกล) ค้างอยู่ในภาพ
หน้า ผม ชุด และของที่สวมใส่ เหมือนภาพแนบที่ 2 และเหมือนกันทุกเฟรม
กันรายละเอียดชุดเปลี่ยนระหว่างช่อง โดยเฉพาะระหว่างแถวบนกับแถวล่าง ทิศหันหลังตัดคำว่าหน้าออก
สไตล์ภาพวาดและเส้นขอบแบบภาพแนบที่ 2
ให้ลายเส้นตามภาพตัวละคร ไม่ใช่ตามหุ่น 3 มิติ
พื้นหลังสีเดียวเรียบทั้งภาพ ไม่มีเส้นกริด ไม่มีเงา ไม่มีตัวหนังสือ
ให้ตัดพื้นหลังออกง่าย เงาใต้เท้ากับเส้นแบ่งช่องเป็นของที่ AI ชอบแถมมาเอง
หลักที่ใช้: บอกหน้าที่ของภาพแนบแต่ละใบ สั่งให้ลอกท่าทีละช่อง แล้วไล่ของที่ AI ชอบทำพลาดเป็นข้อ ๆ แผ่นไหนพลาด เราไม่เขียนพรอมต์ใหม่ทั้งก้อน แต่เติมประโยคที่ชี้จุดพลาดนั้นตรง ๆ แล้วยิงซ้ำในเซสชันใหม่ พรอมต์ที่ยาวขึ้นด้วยการบรรยายตัวละครทีละชิ้นไม่ช่วย ภาพตัวละครที่แนบทำหน้าที่นั้นอยู่แล้ว
จุดที่พลาดจริง
ทิศหันหลังเฉียง สุ่มได้หันหน้ามาแทน
พรอมต์เดียวกันผ่านที่ทิศซ้ายบน แต่ทิศขวาบนได้หันหน้ามา 6 ใน 8 ช่อง ฝาผมสีเทาเข้มของหุ่นถูกอ่านเป็นหน้า แก้ด้วยการบอกตรง ๆ ว่าส่วนสีเทาเข้มคือผมด้านหลัง และห้ามมีช่องไหนเห็นใบหน้า
ทิศหน้าตรง AI วาดตัวโตกว่าหุ่น
รอบแรกตัวโตกว่าแม่แบบราว 19% มุมกล้องไม่กดลง ขาแทบไม่ก้าว ต้องเติมว่าตัวสูงเท่าหุ่นพอดี มองกดลงเห็นด้านบนของหัว และเท้าที่ก้าวมาข้างหน้าอยู่ต่ำกว่าอีกข้าง
ของที่มีข้างเดียวบนตัวละคร AI วางไว้ข้างที่ใกล้กล้อง
ตัวละครตัวอย่างมีเกราะไหล่ซ้ายข้างเดียว ทิศขวากับขวาบนเกราะไปอยู่ไหล่ขวา ทิศหันหลังตรงได้สองไหล่ สั่งด้วยข้อความแล้วไม่ได้ผล ยังไม่มีวิธีแก้ ถ้ารับไม่ได้ให้ออกแบบตัวละครให้สมมาตร
สั่งแก้จุดเดียวในหน้าแก้ไขของ Flow ทำให้ช่องอื่นเปลี่ยนตาม
สั่งย้ายเกราะไหล่ช่องเดียว ได้ผิดเพิ่มเป็นสองช่อง แผ่นหลายช่องให้เจนใหม่ทั้งแผ่น อย่าแก้ทับ
ขนาดตัวไม่เท่ากันเป๊ะระหว่างทิศและระหว่างแถว
ตัวละครสูงกว่าหุ่น 2 ถึง 8% ไม่เท่ากันทุกทิศ และแถวบนกับแถวล่างของแผ่นเดียวกันต่างกันได้ถึง 5% ก่อนเอาเข้าเกมต้องปรับขนาดและจัดแนวหัวให้ตรงกันเอง
หุ่น 3 มิติทำยังไง
หุ่นเป็นไฟล์ HTML ไฟล์เดียวที่ใช้ three.js ไม่ได้ปั้นในโปรแกรม 3 มิติ เราให้ผู้ช่วยเขียนโค้ด AI (Claude Code) เขียนให้ แล้วเปิดในเบราว์เซอร์เพื่อจับภาพ แก้สัดส่วน ท่า หรือมุมกล้องได้ด้วยการแก้ตัวเลขในไฟล์
ข้อกำหนดที่ทำให้แม่แบบใช้ได้
- กล้องฉายขนาน กดลง 45 องศา ไม่มีจุดลู่ ตัวไม่เบี้ยวตามตำแหน่งในช่อง และเป็นมุมมองของเกมมุมบน
- ท่าเดินชุดเดียว หมุนหุ่น 8 มุม ทุกทิศจึงก้าวจังหวะเดียวกัน ตัวสูงเท่ากัน
- กำหนดตำแหน่งเท้าก่อน แล้วคำนวณเข่าย้อนกลับ เท้าที่ยืนติดพื้นเสมอ ถ้าหมุนต้นขาเป็นองศา เท้าจะลอยและตัวเด้ง
- เส้นขอบดำรอบทุกชิ้น ไม่มีเส้นขอบ AI อ่านแขนขาที่ซ้อนกันไม่ออก
- ฝาผมสีเข้มกับดวงตา ไม่มีแล้วทิศหน้า หลัง และเฉียงดูไม่ออกว่าหันทางไหน
- แผ่น 4:3 แบ่ง 2 แถว 4 ช่อง พื้นสีเดียว ตรงกับสัดส่วนที่ Flow เจนได้ และเผื่อที่ใต้เท้าไว้ให้เท้าที่ก้าวมาข้างหน้า
เราสั่ง AI เขียนหุ่นยังไง
คำสั่งแรกของเราสั้นมาก: “เอามาสร้างท่าเดิน 8 ทิศได้ไหม สร้างท่าเป็นเฟรม เป็นแม่แบบ แล้วเอาไปเจน” จากนั้นดูภาพที่ได้แล้วแก้ทีละจุด ข้างล่างคือข้อกำหนดทั้งหมดที่ลงเอยอยู่ในไฟล์จริง รวมเป็นพรอมต์เดียว วางให้ผู้ช่วยเขียนโค้ดตัวไหนก็ได้ เราไม่ได้ทดสอบว่าพรอมต์นี้ให้ผลเหมือนกันในรอบเดียว ให้ดูภาพทุกทิศแล้วสั่งแก้ต่อ
สร้างไฟล์ HTML ไฟล์เดียวด้วย three.js เป็นหุ่น 3 มิติสีเทา สำหรับจับภาพเป็นแม่แบบท่าเดินให้ AI วาดตัวละครทับ - หุ่นสัดส่วน SD ประมาณ 3 หัว ประกอบจากทรงง่าย ๆ: หัวทรงกลม ลำตัวกล่อง แขนขาแท่งหัวมน มือทรงกลม เท้ากล่อง สีเทาอ่อน แขนขาซ้ายกับขวาคนละเฉดให้แยกข้างออก - ทุกชิ้นมีเส้นขอบดำรอบรูป ทำด้วยเปลือกดำกลับด้าน (ชิ้นเดิมขยายเล็กน้อย วาดเฉพาะด้านหลัง) - มีฝาผมสีเทาเข้มครอบด้านบนและด้านหลังหัว กับดวงตาสองจุด เพื่อให้ดูออกว่าหุ่นหันหน้าหรือหันหลัง - กล้องฉายขนาน (orthographic) กดลง 45 องศา ตัวหุ่นอยู่กลางช่อง - ท่าเดิน 1 รอบ แบ่ง 8 เฟรม: กำหนดตำแหน่งเท้าก่อนแล้วคำนวณเข่าย้อนกลับ เท้าข้างที่ยืนต้องติดพื้นและเลื่อนถอยหลังด้วยความเร็วคงที่ อีกข้างยกแล้วก้าวไปข้างหน้า แขนแกว่งสวนกับขาข้างเดียวกัน - ใช้ท่าเดินชุดเดียว แล้วหมุนหุ่นรอบแกนตั้งทีละ 45 องศา ได้ 8 ทิศ ห้ามทำท่าแยกแต่ละทิศ - เปิดด้วย ?sheet=<ชื่อทิศ> ให้วาดแผ่นขนาด 1376x1032 แบ่ง 2 แถว x 4 ช่อง ช่องละ 344x516 เรียงเฟรมซ้ายไปขวา บนลงล่าง พื้นสีเรียบสีเดียว เปลี่ยนสีได้ด้วย ?bg= ไม่มีเงา ไม่มีเส้นกริด ไม่มีปุ่มหรือข้อความทับ - เปิดโดยไม่ใส่ sheet ให้แสดง 8 ทิศเดินพร้อมกันเป็นภาพเคลื่อนไหว ไว้ตรวจจังหวะ - เผื่อที่ว่างใต้เท้า: มุมกล้อง 45 องศาทำให้เท้าที่ก้าวมาข้างหน้าเลื่อนลงบนจอ ต้องไม่ล้นช่อง - ค่าที่ปรับได้ผ่าน query: มุมกล้อง ความยาวก้าว ความสูงยกเท้า มุมแกว่งแขน จำนวนเฟรม เสร็จแล้วจับภาพแผ่นของทุกทิศมาให้ดู และบอกจุดที่ยังไม่ได้ตรวจ
แม่แบบได้มายังไง
หลักการมีแค่นี้: เปิดหน้าหุ่นแบบแผ่นนิ่งของทิศที่ต้องการ แล้วถ่ายภาพหน้าจอที่ขนาด 1376x1032 พอดี ได้ 1 แผ่นต่อ 1 ทิศ ทำซ้ำ 8 ทิศ แม่แบบ 16 ใบที่แจกด้านบนได้มาด้วยวิธีนี้ ถ้าไม่ได้แก้หุ่นก็ไม่ต้องทำเอง โหลดไปใช้ได้เลย ส่วนคนที่แก้สัดส่วนหรือท่าแล้วอยากจับภาพใหม่ โหลดซอร์สหุ่นไปแตกไฟล์แล้วดับเบิลคลิก pose3d.html เปิดได้เลย (ต้องต่ออินเทอร์เน็ต) คำสั่งจับภาพเขียนไว้ในหัวไฟล์
ค่าที่ปรับได้ทาง query: pitch มุมกล้อง · stride ความยาวก้าว · lift ยกเท้า · arm แกว่งแขน · bg สีพื้น · frames จำนวนเฟรม
คำถามที่พบบ่อย
แม่แบบนี้ใช้กับ AI ตัวอื่นได้ไหม
ได้ แต่ผลไม่เท่ากัน เราลองทิศขวาล่างทิศเดียวด้วยแม่แบบ ภาพตัวละคร และพรอมต์ชุดเดียวกัน 4 ตัว (3 ต.ค. 2569) Google Flow ตามท่าทีละช่องได้ดีที่สุดและผ่านรอบแรก Gemini บนเว็บตามท่าได้ใกล้เคียงกันแต่เหลือแขนหุ่นสีเทาต้องสั่งแก้อีกรอบ ส่วน ChatGPT กับ Meta AI ได้ภาพสะอาดแต่วาดท่าเดินของตัวเอง ไม่ลอกท่าตามแม่แบบทีละช่อง
ทำไมต้องเป็นหุ่น 3 มิติ ไม่วาดท่าเองหรือตัดจากวิดีโอ
หุ่น 3 มิติใช้ท่าเดินชุดเดียวกับกล้องตัวเดียว แล้วหมุนหุ่น 8 มุม ทุกทิศจึงมีจังหวะก้าว ขนาดตัว และแนวเท้าตรงกัน ถ้าตัดจากวิดีโอแต่ละทิศจะเป็นคนละรอบเดิน และหุ่นสีเทาไม่มีทรงผมหรืออาวุธของตัวละครอื่นให้ AI ลอกติดมา
ต้องเตรียมภาพตัวละครแบบไหน
ภาพเดียว ยืนตรงเต็มตัว เห็นชุดครบ บนพื้นสีเรียบ สัดส่วนหัวต่อตัวใกล้กับหุ่น (ราว 3 หัว) จะตามแม่แบบได้ง่ายกว่า ตัวละครที่มีสีเขียวในชุดให้ใช้แม่แบบพื้นแมเจนต้า
ได้แผ่นมาแล้วเอาไปใช้ในเกมยังไง
แผ่นที่ได้ขนาด 1200x896 แบ่ง 2 แถว 4 ช่องเท่ากัน ตัดพื้นสีออก ซอยเป็น 8 เฟรมเรียงซ้ายไปขวา บนลงล่าง แล้วจัดยอดหัวของแถวล่างให้ตรงแถวบน หน้านี้ไม่ได้ครอบขั้นตอนนั้น
มีท่าอื่นนอกจากเดินไหม
ยังไม่มี ตอนนี้มีแค่ท่าเดิน ถ้าอยากได้ท่าวิ่ง ยืน หรือโจมตี โหลดซอร์สหุ่นไปเพิ่มท่าเองได้ เรายังไม่ได้ลองว่า AI วาดทับท่าอื่นได้ดีเท่าท่าเดินไหม
ใช้ฟรีไหม เอาไปทำเกมขายได้ไหม
แม่แบบ พรอมต์ และซอร์สหุ่นในหน้านี้ใช้ฟรีไม่มีเงื่อนไข ไลบรารี three.js ที่แนบไปเป็นสัญญาอนุญาต MIT ส่วนภาพที่เจนเองให้ดูเงื่อนไขของ AI ที่ใช้อีกที
หน้านี้มีประโยชน์ ส่งต่อให้เพื่อนได้เลย
หน้านี้มาจากไหน
เป็นบันทึกจากงานทดลองทำเกมของทีม Ginzii ผู้ทำแอปคิดเงินหน้าร้านสำหรับร้านอาหารไทย ทดลองกับตัวละครตัวเดียวในคืนเดียว ตัวเลขในหน้านี้จึงเป็นผลของรอบนั้น ไม่ใช่ค่าเฉลี่ยจากหลายตัวละคร