EP3: เบื้องหลัง Fewer Steps: ทุกเฟรมคือโค้ด
s01-hook
ตอนแรกของช่องนี้ ไม่ได้ใช้กล้องสักตัวครับ short pause ไม่ได้ให้ AI เสกวิดีโอ และไม่มีใครนั่งวาดทีละเฟรม ทุกเฟรมเกิดจากโค้ด ที่ให้คลอดช่วยเขียน short pause วันนี้ผมจะเปิดหลังบ้าน Fewer Steps ให้ดู แล้วสอนวิธีเริ่มทำเอง breath แต่มีเคล็ดลับหนึ่งข้อ ที่ทำให้คลอดวาดตรงสไตล์ที่คุณอยากได้... ผมจะเฉลยตอนท้ายครับ
s02-welcome
สวัสดีครับ ยินดีต้อนรับสู่ Fewer Steps วันนี้มีสี่ช่วง หนึ่ง ทำไมเราให้ AI เขียนโค้ด แทนการเสกวิดีโอ สอง เสียงพากย์ กับการทำให้ภาพตรงเสียง สาม โลกกระดาษตัดของตอนที่สอง และสี่ วิธีเริ่มเอง พร้อมข้อจำกัดตรงไปตรงมา ฟังจบแล้ว ขอแค่ลองทำหนึ่งฉาก ภายในสัปดาห์นี้ครับ
s03-code-not-pixels
ช่วงแรกครับ AI ทำวิดีโอได้สองทาง ทางแรก เสกพิกเซลออกมาเป็นคลิป ทางที่สอง ที่ช่องนี้ใช้ คือให้คลอดเขียนโค้ดหน้าเว็บ จาวาสคริปต์ เอสวีจี ซีเอสเอส แคนวาส หรือทรีเจเอส แล้วให้เบราว์เซอร์วาดออกมา short pause นึกถึงสมุดภาพพลิก ที่แต่ละหน้าคำนวณจากเวลา ใส่วินาทีที่สิบสองเมื่อไหร่ ก็ได้ภาพเดิมทุกครั้ง breath ข้อดีคือแก้ง่าย จะเปลี่ยนสีปุ่มเดียว ก็แก้ตรงนั้น ส่วนอื่นไม่เพี้ยน เอาไปใช้แบบนี้ครับ ถ้าอยากแก้แค่จุดเดียว อย่าสั่งทำใหม่ทั้งคลิป บอกคลอดให้แก้เฉพาะจุดนั้นพอ
s04-render
แล้วโค้ดกลายเป็นวิดีโอได้ยังไง short pause เราเปิดเบราว์เซอร์แบบไม่มีหน้าจอ สั่งให้เวลาเดินทีละเฟรม ถ่ายเก็บทีละภาพ แล้วต่อเป็นไฟล์เอ็มพีโฟร์ เรียกว่าเรนเดอร์ออฟไลน์ครับ ไม่ใช่เรียลไทม์ short pause ตอนแรกของเรา สามสิบเฟรมต่อวินาที รวมแล้วหมื่นกว่าภาพ เครื่องเซิร์ฟเวอร์ใช้เวลาเรนเดอร์สี่สิบกว่านาที breath แต่เครื่องช้าหรือเร็ว ก็ได้ภาพเดียวกัน เพราะภาพขึ้นกับเวลา ไม่ใช่ความเร็วเครื่อง เอาไปใช้แบบนี้ครับ ถ้าจะเรนเดอร์ทั้งตอน สั่งทิ้งไว้ก่อนนอน แล้วตื่นมาดูผล
s05-voice-sync
ต่อมาคือเสียงครับ บทพูดทั้งตอน ส่งให้เจมิไนอ่านรวดเดียว ในคำขอเดียว short pause และขอบอกตรงนี้เลยว่า เสียงที่คุณฟังอยู่ คือเสียงผมเอง ที่ให้ AI โคลน โดยผมอัดคลิปยินยอมไว้เอง breath ปัญหาคือ เจมิไนไม่บอกเวลาว่าคำไหนอยู่วินาทีที่เท่าไหร่ ไม่รู้เวลา ภาพก็ไม่ตรงเสียง เราเลยเพิ่มขั้นจับคู่บทกับเสียง ที่รันในเครื่องเราเอง short pause เรารู้บทอยู่แล้วทุกตัวอักษร ก็ให้โมเดลเสียงภาษาไทยหาว่าแต่ละประโยคเริ่มตรงไหน คลาดไม่เกินราวศูนย์จุดสามวินาที ภาพทุกช็อตก็ขยับตามเสียงจริง เอาไปใช้แบบนี้ครับ ถ้าเสียงพากย์ไม่ให้เวลามา อย่ากะด้วยหู ให้จับคู่บทกับเสียงก่อน
s06-recall
ขอถามหนึ่งข้อครับ ทำไมต้องมีขั้นจับคู่บทกับเสียง แยกออกมาอีกขั้น ลองนึกดูครับ long pause เฉลยครับ เพราะเจมิไนให้มาแค่เสียง ไม่ได้ให้เวลาของแต่ละคำ ตอบได้ เก่งมากครับ ทวนอีกนิด ทุกเฟรมคือโค้ดที่คำนวณจากเวลา แล้วเรนเดอร์ออฟไลน์ ทีนี้ ไปดูเพลง กับโลกกระดาษกันครับ
s07-papercut-peak
เพลงประกอบของตอนแรก ถูกตัดให้พอดีกับเสียงพูดแต่ละช่วงด้วยโค้ดครับ short pause แต่ส่วนที่ผมภูมิใจที่สุด คือตอนที่สอง เราสร้างคลังโลกกระดาษตัดไว้ใช้ซ้ำ ฉากหนึ่งมีกระดาษซ้อนหลายชั้น ท้องฟ้า ภูเขาไกล เนินกลาง พุ่มไม้ด้านหน้า บางชั้นเป็นภาพที่ให้ AI วาด บางชั้นเป็นเอสวีจีที่โค้ดสร้าง มีโมเดลสามมิติจากเบลนเดอร์ อย่างมือถือกับเหรียญบาท breath ทั้งหมดวางบนเอนจินทรีเจเอส พอกล้องขยับ ชั้นใกล้เลื่อนเร็ว ชั้นไกลเลื่อนช้า ภาพก็ลึกขึ้นมาเหมือนโรงละครกระดาษ short pause แม้แต่มายด์บนจอตอนนี้ ก็เป็นภาพกระดาษที่ขยับด้วยโค้ด ไม่มีกล้องจริงสักตัว chuckle และฉากหนึ่งฉาก คือไฟล์ข้อมูลสั้น บอกว่าชั้นไหนลึกเท่าไหร่ ตอนต่อไปก็หยิบคลังเดิมมาใช้ได้ทันที เอาไปใช้แบบนี้ครับ ถ้าทำเกินหนึ่งตอน เก็บฉากที่ชอบเป็นคลัง ไม่ต้องเริ่มจากศูนย์
s08-how-to-start
ทีนี้ คุณจะเริ่มเองยังไง มีสองทางครับ short pause ทางแรก เว็บฟิวเจอร์พีเดีย มีคลัง AI สไตล์แอตลาส รวมสไตล์สำเร็จรูปแปดสิบหกแบบ เช่น สีน้ำ ไวท์บอร์ด ดินน้ำมัน พิมพ์เขียว แต่ละแบบมีพรอมต์ให้คัดลอกไปวาง แค่สมัครฟรี หน้าเว็บเขาบอกว่า ทุกพรอมต์มีโค้ดเต็มกับชุดเสียงมาด้วย โดยวาดลงแคนวาสทีละเฟรม แล้วเรนเดอร์เป็นเอ็มพีโฟร์ เหมือนเรา breath ทางที่สอง คลอดโมชันของแอนโทรปิก ยังเป็นรุ่นทดลอง สำหรับแผนทีมกับเอนเทอร์ไพรส์ พิมพ์สั่ง มันสร้างแอนิเมชันเป็นโค้ด แล้วส่งออกเป็นเอ็มพีโฟร์ แผนทีมเปิดไว้ให้แล้ว ส่วนเอนเทอร์ไพรส์ ผู้ดูแลต้องเปิดก่อน เอาไปใช้แบบนี้ครับ ถ้าเจอสไตล์ที่ชอบ อย่าเริ่มจากหน้าว่าง ใช้พรอมต์ของสไตล์นั้นเป็นจุดเริ่ม
s09-limits
แต่ต้องพูดกันตรงครับ วิธีนี้มีข้อจำกัด หนึ่ง เรนเดอร์ออฟไลน์ กินเวลาเครื่อง ตอนยาวก็ต้องรอนาน สอง ไม่เหมาะกับภาพเหมือนถ่ายจริง หน้าช่วยเหลือของคลอดโมชันเองก็บอกว่า มันไม่ได้สร้างภาพสมจริงหรือคนจริง short pause สาม ตัวละครที่ต้องแสดงละเอียด หรือขยับปากตามเสียง ยังเป็นงานยาก ช่องเราเลยให้มายด์สลับท่าแบบพลิกการ์ด สี่ เสียงในโค้ดเป็นของเสริม จะไม่ใส่ก็ได้ breath วิธีนี้เก่งเรื่องคลิปอธิบาย ไอคอน ตัวเลข แผนภาพ และโลกกระดาษครับ
s10-loop-close
ทีนี้ มาเฉลยเคล็ดลับที่ผมสัญญาไว้ครับ short pause อย่าแค่บรรยายสไตล์ให้คลอดฟัง ให้ของจริงสามอย่าง หนึ่ง โค้ดฉากตัวอย่างในสไตล์ที่คุณชอบ ที่รันได้จริงทั้งไฟล์ สอง บทพูดของคุณ สาม ตารางเวลาว่าแต่ละประโยคพูดวินาทีไหน breath ถ้าพิมพ์แค่ว่า เอาแบบกระดาษตัด โทนอุ่น คลอดต้องเดา แต่ละรอบเลยอาจออกมาคนละแบบ แต่ถ้าให้โค้ดที่รันได้แล้ว มันมีของจริงให้ยึด ทั้งสี ขอบกระดาษ และจังหวะ นี่คือประสบการณ์จากช่องเรา ยังไม่ใช่ผลทดสอบนะครับ เอาไปใช้แบบนี้ ถ้าจะสั่งฉากใหม่ แนบโค้ดตัวอย่างไปทุกครั้ง แล้วพิมพ์ว่า short pause “นี่คือโค้ดฉากที่ใช้ได้แล้ว ช่วยทำฉากใหม่ตามบทนี้ สไตล์เดิมทุกอย่าง และให้ภาพเปลี่ยนตามเวลาในตารางนี้”
s11-recap
สรุปครับ หนึ่ง ทุกเฟรมคือโค้ดที่คำนวณจากเวลา สอง เรนเดอร์ออฟไลน์เป็นเอ็มพีโฟร์ สาม อ่านเสียงรวดเดียว แล้วจับคู่บทกับเสียง สี่ เก็บฉากเป็นคลังไว้ใช้ซ้ำ short pause และเคล็ดลับ ให้โค้ดตัวอย่าง บท และเวลา ทีนี้ตั้งแผนครับ ถ้า... ผมจะ... อย่างของผม ถ้าเสาร์นี้ว่าง ผมจะเลือกหนึ่งสไตล์ ให้คลอดทำฉากสิบวินาที ลองพูดแผนของคุณในใจ ตอนนี้เลยครับ
s12-cta-close
ขอบคุณที่ฟังจนจบครับ กดติดตาม Fewer Steps ไว้ แล้วคอมเมนต์บอกผมหน่อยว่า อยากลองสไตล์ไหน หรืออยากดูหลังบ้านส่วนไหนอีก ผมรออ่านอยู่ แล้วพบกันตอนหน้าครับ short pause Fewer Steps... ทำได้มากขึ้น short pause ในขั้นตอนที่น้อยลง