บทคัดย่อ / VFX

Starlite ในรูปโฉมอันสง่างาม จากห้วงลึกแห่งสุญญากาศ ในดินแดน MidnightBlue

สร้างวิดีโอสไตล์ศิลปะภาพยนต์เหนือจริงความยาว 12.8 วินาที ในอัตราส่วน 16:9 โดยใช้พื้นหลังสีดำสนิท หน้าต่างสีน้ำเงินสว่าง และควันโทนสีเดียว SHOT 1 (0:00–0:01): หน้าต่างสี่ช่องสีน้ำเงินเรืองแสงหนึ่งบาน มีร่างมนุษย์ลอยตัวในแนวนอนเหนือขอบหินจางๆ SHOT 2 (0:01–0:03): หน้าต่างสลายกลายเป็นความมืด ทิ้งให้ร่างมนุษย์ลอยอยู่ในโทนสีเทาขาว ขณะที่เส้นสายบางเบาของควันเริ่มปรากฏรอบร่างกาย SHOT 3 (0:03–0:05): เส้นสายของควันคล้ายขนนกม้วนตัวเป็นวงรีรูปทรงยาวล้อมรอบร่างที่ลอยอยู่ SHOT 4 (0:05–0:07): ริบบิ้นควันสีเทาขาวกวาดผ่านร่างกายในแนวราบ ยืดออกและไหลผ่านสภาพแวดล้อมสีดำ SHOT 5 (0:07–0:08): ควันสลายไปขณะที่หน้าต่างสีน้ำเงินเรืองแสงปรากฏขึ้นอีกครั้งอย่างนุ่มนวลด้านหลังร่างที่ลอยอยู่ SHOT 6 (0:08–0:10): หน้าต่างเดี่ยวขยายออกเป็นหน้าต่างสีน้ำเงินหลายบานที่จัดวางอย่างไม่เป็นระเบียบ แต่ละบานมีร่างมนุษย์ในท่าลอยตัวที่แตกต่างกัน SHOT 7 (0:10–0:12.8): เผยให้เห็นการจัดวางหน้าต่างสีน้ำเงินเรืองแสงทั้งหมดบนพื้นหลังสีดำที่มีเนื้อสัมผัส พร้อมร่างที่ลอยอยู่และแสงระยิบระยับเล็กน้อย STYLE & MOTION: การถ่ายทำสไตล์ศิลปะภาพยนต์เหนือจริง สีดำลึก แสงสีน้ำเงินเย็น ร่างในโทนสีเทาขาว ควันละเอียดอ่อน แสงแบบวอลลูเมตริก เม็ดฟิล์มละเอียด การเปลี่ยนภาพแบบมอร์ฟิงที่ลื่นไหล กล้องกว้างนิ่ง และกายวิภาคกับเสื้อผ้าของมนุษย์ที่สม่ำเสมอ NEGATIVE PROMPT: ไม่มีดวงตา ลูกตา สีนีออนสดใส ห้องสว่าง การตัดฉับพลัน การหมุนเร็ว ซูมกะทันหัน กายวิภาคบิดเบี้ยว แขนขาเกิน คัดลอกโดยไม่ตั้งใจ ข้อความ โลโก้ หรือลายน้ำ

สร้างวิดีโอของเซลล์ประสาทในสมองที่แสดงปฏิกิริยาเกินจริงและมีความตลก นี่คือสมองของคุณและบรรดาตัวตลก

แบนโจไฟฟ้าปรากฏขึ้น, มือหุ่นยนต์สัมผัส DH เดคสีทอง, ฉากเร่งความเร็วและเกิดแสงวาบฉับพลัน....

สร้าง "Gummy Bears" - ไฟล์ HTML เดียวที่สมบูรณ์ในตัวเอง (ใช้ three.js จาก CDN เป็นเพียง dependency เดียว): ลูกอมเยลลี่หมีโปร่งแสงจำนวนหนึ่งวางอยู่บนโต๊ะสีขาว ที่คุณสามารถจับ ยืด บีบ ขว้าง และเทได้ ลูกอมเยลลี่หมี - รูปทรงคลาสสิกของลูกอมเยลลี่หมี: หัวกลมพร้อมหูสองข้าง จมูกสั้น ลำตัวอ้วนกลม แขนและขาสั้นตาเล็ก และจมูกที่หล่อขึ้นรูป - ทุกส่วนเชื่อมต่อกันอย่างเรียบเนียน - สร้างลำตัวเป็นพื้นผิวโดยนัย (implicit surface เช่น metaballs / marching cubes) ไม่ใช่ทรงกลมแยกชิ้น - วัสดุ: เยลลี่จริง โปร่งแสงมีการหักเหและการส่งผ่านแสง สีดูดซับลึกขึ้นในส่วนที่หนา มีเคลือบเงาใส (clearcoat) พร้อมไฮไลท์คมชัด - สี: เชอร์รี่แดง ส้ม เหลืองมะนาว เขียวแอปเปิ้ล และสับปะรดใส - เงาสีอ่อนใต้ลูกอมแต่ละตัว โดยสีเงาจะเพี้ยนตามสีของลูกอมตัวนั้นๆ ฟิสิกส์ (นี่คือจุดสำคัญทั้งหมด - ต้องให้ความรู้สึกเหมือนวุ้น ไม่ใช่พลาสติก) - ลูกอมแต่ละตัวเป็นวัตถุอ่อนตัว (soft body): จุดมวลสำหรับหัว หู จมูก ลำตัว ท้อง มือ และเท้า ซึ่งยึดกันด้วยวิธี shape matching ที่รักษาปริมาตร - แขน ขา และคอ ถูกเรนเดอร์เป็นเส้นยืดหยุ่นระหว่างจุด โดยจะบางลงเมื่อยืดออก - จับส่วนใดก็ได้แล้วดึง: มันจะยืดเหมือนยาง ส่วนที่เหลือของลูกอมจะเอียงตาม เมื่อปล่อยมือมันจะดีดกลับพร้อมการสั่นที่ค่อยๆ เบาลง - ดึงหัวขึ้น: คอยืดออก ลำตัวตามมา เมื่อปล่อยมือลูกอมจะแบนและกระโดด - กดหัวลง: ลูกอมจะแบนราด บวมออกด้านข้าง แล้วดีดตัวกลับขึ้นมา - ขว้างลูกอม: มันจะบินไป แบนเมื่อตกกระทบพื้น กระเด้ง และผลักลูกอมตัวอื่นให้พ้นทาง - ลูกอมชนกันเองและไม่ทะลุผ่านซึ่งกันและกัน - ลูกอมที่อยู่นิ่งจะกระโดดเล็กๆ แบบสุ่มพร้อมการยืดและบีบตัว - ปุ่ม "Pour more bears" จะเทลูกอมจากด้านบนลงมาทับกันเป็นกองที่โยกเยกและสั่นไหว UI - สไตล์หน้าสินค้าแบบบรรณาธิการบนพื้นหลังสีขาว ชื่อเรื่องใหญ่แบบเอียง serif "Gummy / Bears." คำโปรยสั้น การ์ดมินิมอลด้านขวาที่มีตัวอย่างสีรสต่างๆ แถบเลื่อนความโยกเยก ตัวเลขแสดง "Stretch" และ "Bounces" แบบเรียลไทม์ และปุ่ม "Pour more bears" - เคอร์เซอร์วงกลมแบบละเอียดที่จะขยายขึ้นขณะจับ - ACES tone mapping, การสะท้อนจากสภาพแวดล้อม, แสงหลักและแสงหลังแบบนุ่ม เรนเดอร์ลื่นไหลที่ 60fps

สร้าง showreel ความยาว 15 วินาที ที่พิสูจน์ว่าคุณเป็น motion designer ระดับเทพ จัดเต็มไปเลย

สร้างเครื่องจักร Rube Goldberg ใน Three.js ด้วย 10 เหตุการณ์ที่เชื่อมโยงกันเป็นลูกโซ่ ประกอบด้วย: ทางลาดแบบซิกแซกปล่อยลูกบอล, โดมิโนล้ม, รถเข็นกลิ้ง, คาน, เครื่องยิงหิน, รอก, ชิงช้าสวรรค์ และจบด้วยธง FIM นำเสนอการควบคุมความเร็ว, ข้อมูลทางเทคนิค, กราฟพลังงาน และค่าที่ตั้งกล้องล่วงหน้า ดำเนินการจำลองฟิสิกส์เต็มรูปแบบในเบราว์เซอร์

ออกแบบและสร้างฉากศิลปะ voxel ที่ซับซ้อนและรายละเอียดสูงของเรือที่กำลังแล่นอยู่ในมหาสมุทรพลวัตภายในขวดแก้ว เน้นการใช้ voxel ที่มีสีสันสดใส ฟิสิกส์คลื่นที่สมจริง และภูมิประเทศหลากหลายพร้อมอุปกรณ์ประกอบขนาดเล็กที่น่าสนใจ ทุกองค์ประกอบ—ตั้งแต่ น้ำ เรือ ไปจนถึงรายละเอียดรอบข้าง—ต้องถูกบรรจุอยู่ภายในขวดอย่างสมบูรณ์ พร้อมการจัดแสงและความลึกที่น่าตื่นตาตื่นใจ

เปลี่ยนภาพถ่าย AI หนึ่งใบให้เป็นแอนิเมชันของจุด 22,000 จุดที่เดินข้ามแยกชิบุยะ แต่ละจุดจะเต้นตามจังหวะ ใช้ Remotion และ three.js ดึงข้อมูลความลึกจากภาพ สร้างโครงสร้างร่างกายของจุด และสังเคราะห์เพลงจังหวะ 125 BPM ทั้งหมดนี้ทำได้ด้วยโค้ด

สร้างภาพยนตร์ Typography แบบ Recursive ความยาว 25.00 วินาที ชื่อ "FEAR ITSELF" Franklin D. Roosevelt ระบุชื่อความกลัวว่าเป็นสิ่งที่กักขังคุณ: การอ้างอิงตนเอง, ไร้ชื่อ, เป็นอัมพาต, และการถอยหลังที่เลี้ยงตัวเอง ให้แสดงภาพนี้ตามตัวอักษรด้วยการจัดองค์ประกอบแบบ Recursive ไม่สิ้นสุด (Droste effect) - ตลอดส่วนใหญ่ของภาพยนตร์ กล้องจะตกลงสู่ภายในอย่างไม่มีที่สิ้นสุดผ่านกรอบ Art Deco แบบ Typography ที่บรรจุตัวเองอยู่ - เมื่อถึงคำว่า "convert retreat into advance" ทิศทางของความไม่สิ้นสุดจะกลับด้าน การตกลงสู่ภายในกลายเป็นการปีนออกสู่ภายนอก และกล้องหลุดออกจากโครงสร้าง Recursive ออกสู่พื้นที่เปิดเป็นครั้งแรก ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 1. DELIVERABLE ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ไฟล์ HTML เดียวที่สมบูรณ์และพึ่งพาตนเองได้ ขนาด 1920 × 1080 ความยาวพอดี 25.00 วินาที Deterministic ที่ 60fps: 1500 เฟรมสำหรับส่งออก Rendering: Canvas 2D หรือ WebGL2 หากจำเป็นสำหรับขั้นตอน Droste ใช้ Vector type จาก Glyph outlines ที่ฝังไว้เพื่อให้ทุกระดับของ Recursive คมชัดเสมอ ฝัง Fonts และ Dependencies ทั้งหมด ห้ามส่ง Network requests มี Preview แบบ Autoplay เงียบ, ปุ่ม Play/Pause และ Scrubber ทั้งหมดอยู่นอกเฟรมที่ถูกจับภาพ ส่งคืน Implementation ที่ทำงานได้ ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 2. LOCKED TEXT ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ใช้คำเหล่านี้เท่านั้น ในลำดับนี้: "So, first of all, let me assert my firm belief that the only thing we have to fear is fear itself—nameless, unreasoning, unjustified terror which paralyzes needed efforts to convert retreat into advance." อาจเปลี่ยนตัวพิมพ์ใหญ่เล็กได้ ห้ามเพิ่มคำใหม่ การระบุแหล่งที่มาสุดท้าย (ไม่พูด): FRANKLIN D. ROOSEVELT FIRST INAUGURAL ADDRESS · WASHINGTON · 4 MARCH 1933 Timing ถูกกำหนดโดยผู้เขียน อย่าอ้างว่าซิงโครไนซ์กับบันทึกเสียงปี 1933 ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 3. THE CORE TECHNIQUE: EXPLICIT RECURSION, NOT FEEDBACK ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ นิยามหนึ่ง "panel": องค์ประกอบ Art Deco ที่มีหน้าต่างภายใน หน้าต่างภายในมีสำเนาของ panel ที่ถูกย่อด้วย k = 0.28 อย่างแม่นยำ วางตำแหน่งที่ Anchor ที่กำหนดซึ่งไม่ใช่จุดศูนย์กลางของ panel ทำให้เส้นทางซูมเป็นเกลียว ทุกเฟรม วาด panel แบบ Recursive ในระดับความลึก 0 ถึง 7 จากชั้นลึกสุดออกมาข้างนอกโดยใช้ Composite transform T^n การซูมแบบไม่สิ้นสุด: - Camera zoom z(t) = k^(−φ(t)) โดยส่วนทศนิยมของ φ จะวนซ้ำ - เนื่องจากภาพที่ระดับ n+1 เท่ากับภาพที่ระดับ n ย่อด้วย k วงจรจึงต่อเนื่องไร้รอยต่อ - Fixed point ของ Camera transform คือ Fixed point ของ Recursive คำนวณมันเชิงวิเคราะห์จาก Anchor และ k เนื้อหา Panel เปลี่ยนแปลงตามเวลา แต่ละระดับ Recursive แสดงเนื้อหา Panel ณ เวลา Offset n × Δ (Δ = 0.35 s) ดังนั้นชั้นที่ลึกกว่าจึงมาก่อนในประโยค และคำต่างๆ จะ "ตกหาย" ไปในอดีตอย่างเห็นได้ชัดเมื่อกล้องเคลื่อนผ่าน ห้ามใช้ Frame-feedback buffer ใดๆ Recursive ถูกวาดใหม่จาก Vector data ทุกเฟรม ทำให้การ Seek แม่นยำ ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 4. VISUAL IDENTITY: 1933 ART DECO, RADIO AGE ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ Palette: - Gunmetal # 14171A - Nickel # BFC3C2 - Brass # B48A4A - Cream # EFE7D3 - Accent หนึ่งสี: signal red # B3352A ใช้เฉพาะสำหรับ FEAR และ TERROR กรอบ Panel เป็น Proscenium แบบ Stepped Art Deco ของ Chevron ซ้อนกันและรังสี Sunburst วาดเป็นเส้นคู่บางๆ ในสี Brass และ Nickel ดูเหมือนเครื่องจักรและโลหะ ใช้ Linear gradients Typography (ฝัง OFL faces): - Poiret One (thin geometric deco) สำหรับคำเชื่อม - Didone contrast สูง (Bodoni Moda Black) สำหรับคำเน้น - Monoline geometric sans (Josefin Sans Bold, wide tracking) สำหรับป้ายกำกับภายในกรอบ Texture: เสียงรบกวนแบบ Brushed-metal นิ่งเล็กน้อยที่ติดกับพิกัด Panel เพื่อให้ขยายตามแต่ละระดับ Recursive ห้ามใช้ Screen-space grain ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 5. STORYBOARD ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 0.00–0.40 สีดำ 0.40–3.40 "So, first of all, let me assert my firm belief" Panel เดียวหันหน้าเข้าหาผู้ชม เสถียร ยังไม่มีการซูม นี่คือความสงบก่อนการตก - คำปรากฏในแถบด้านบนของ Panel ในฟอนต์ Poiret One - ASSERT และ FIRM BELIEF ตั้งใน Bodoni กึ่งกลางและตั้งตรง - Sunburst สี Brass เบื้องหลังหมุนช้าๆ รวม 4° 3.40–6.20 "that the only thing we have to fear" เริ่มการซูม: ช้าตอนแรก แล้วคงที่ กล้องตกลงสู่หน้าต่างภายใน "the only thing we have to" ครองพื้นที่ Lintel ของกรอบ FEAR (สีแดง) อยู่ภายในหน้าต่างภายใน ดังนั้นกล้องกำลังตกลงสู่ความกลัว 6.20–8.60 "is fear itself—" THE RECURSION REVEALS ITSELF - ภายในหน้าต่าง Panel ทำซ้ำโดยมี FEAR อยู่ข้างใน ซ้ำแล้วซ้ำเล่า - เมื่อถึง "itself" การตกของกล้องถึงความเร็วเดินทาง: หนึ่งระดับ Recursive เต็มทุก 0.9 s - FEAR ของทุกระดับเป็นคำเดียวกัน ถอยห่างออกไป: ความกลัวที่ทำจากความกลัว - Em dash วาดเป็นเส้น Brass ยาวที่กล้องเคลื่อนผ่าน 8.60–12.40 "nameless, unreasoning, unjustified" การเสื่อมสภาพของ Typography สามแบบ หนึ่งต่อคำ ประยุกต์ใช้กับข้อความภายในระดับนอกสุดปัจจุบัน: - NAMELESS: ตัวอักษรของทุกคำที่มองเห็นสูญเสียตัวตน Outline ของ Glyph เปลี่ยนรูป (โดยการ Interpolate จุดตาม Contours ที่ Normalize แล้ว) เป็น Nameplates แบบ Deco ว่างเปล่า: สี่เหลี่ยมผืนผ้าขอบมนว่างเปล่าที่มีความกว้างเท่าเดิม - UNREASONING: โครงสร้างที่มีเส้นของ Panel โค้งงอ เส้นตรงบิดเบี้ยวตาม Displacement แบบ Sine เรียบเนียน และ Chevron สูญเสียความสมมาตร - UNJUSTIFIED (การเล่นคำแบบ Typography): คำปรากฏภายในบล็อกข้อความสี่บรรทัดที่ Justify สมบูรณ์ทำจากประโยคจนถึงตอนนี้ เมื่อลงจอด บล็อกจะ Un-justify ตามตัวอักษร: ระยะห่างระหว่างคำยุบตัว ขอบขวาขรุขระ และบรรทัดหลุดจากการจัดแนว บล็อกต้องเริ่มต้นแบบ Justify อย่างเห็นได้ชัด 12.40–15.60 "terror which paralyzes" TERROR (สีแดง) เติมเต็มหน้าต่างภายในในระดับถัดไป เมื่อ PARALYZES การซูมหยุดสนิทภายใน 3 เฟรม: การตกไม่สิ้นสุดแข็งตัว ทุกอย่างถูกล็อก: - รังสี Sunburst หยุด - ระดับที่ลึกกว่าหยุด Hold 30 เฟรมแห่งความนิ่งสัมบูรณ์ คืออาการอัมพาต เห็นเพียงคำ PARALYZES ใหม่เท่านั้น โดยมีกรอบ Brass บางเฉียบกระชับรอบมัน 15.60–18.60 "needed efforts to convert" Effort: กรอบ Chevron ของ Panel ทำหน้าที่เป็นเฟือง ขอบ Deco แบบ Stepped หมุนในทิศทางตรงข้ามกัน ด้วย Tick เล็กๆ ที่ Detent ได้ 6° ต่อครั้ง Hold 4 เฟรม เหมือนกลไกที่ถูกหมุน - NEEDED EFFORTS นั่งบน Lintel - CONVERT ตั้งเป็นคำที่หมุน 180° รอบแกนแนวนอนเมื่อลงจอด วาดการพลิกเป็นการ Foreshortening จริงของ Outline (scaleY ผ่านศูนย์) พร้อมกับการเปลี่ยนเงาจาก Nickel เป็น Brass ที่ด้านหลัง 18.60–21.80 "retreat into advance." THE REVERSAL - RETREAT ปรากฏภายในหน้าต่าง ทิศทางการซูมของกล้องกลับด้าน: φ(t) ลดลง ดังนั้นกล้องจึงขึ้นออกสู่ภายนอกผ่านระดับต่างๆ และสำเนาที่ลึกกว่า Rush เข้าหาผู้ชม - เมื่อกล้องออกจาก Level 0 กรอบ Panel นอกสุดเปิดออก: สองครึ่งของมันแยกออกเหมือนประตูลิฟต์ เป็นครั้งแรกที่ Panel ใดก็ตามไม่สมบูรณ์ - กล้องโผล่ออกสู่พื้นที่เปิดเป็นครั้งแรกในภาพยนตร์ มี Horizon กว้างของรังสี Sunburst Brass อันละเอียด - ADVANCE ยืนเดี่ยวใน Bodoni Black สี Cream เต็มความกว้าง 21.80–23.80 Final composition Hold บน ADVANCE Recursive มองเห็นได้เบื้องหลังมันเป็นวัตถุในกรอบเล็กๆ ที่ถอยห่างออกไป ตอนนี้จำกัดและอยู่เบื้องหลังเรา การระบุแหล่งที่มาปรากฏที่ขอบล่าง 23.80–25.00 Closure รังสี Sunburst หดกลับไปยัง Vanishing point ตามลำดับ ดำสนิทภายใน 24.90 เฟรม 25.00 ต้องเท่ากับเฟรม 0.00 ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 6. MOTION RULES ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ อัตราส่วนการซูม φ'(t) ถูกเขียนเป็น Curve เรียบเนียน: Ramp in, Cruise, Hard stop ที่ PARALYZES, Crank, Reverse, Release - ข้อความภายในระดับสามารถอ่านได้ขณะที่ระดับนั้นครองพื้นที่ 60–100% ของเฟรม - แต่ละ Active word ถึงจุดที่อ่านได้ที่ระดับ Scale ระหว่าง 0.7 ถึง 1.0 - Culling ระดับ Recursive: ข้ามระดับที่เล็กกว่า 2 px และข้ามระดับที่ใหญ่กว่า 8 เท่าของเฟรม - Action หลักหนึ่งอย่างต่อครั้ง ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 7. ENG

เปลี่ยนภาพถ่ายที่สร้างโดย AI หนึ่งภาพให้เป็นจุด 22,000 จุดเดินผ่านทางแยกชิบูย่า โดยทุกจุดต้องเต้นตามจังหวะเพลง ห้ามใช้ AI สร้างวิดีโอ ให้เขียนโค้ดทั้งหมดโดยใช้ Remotion และ Three.js เพื่อบรรลุผลลัพธ์นี้ รวมการประมาณความลึก การวางโครงร่าง และการซิงค์กับเพลง 125BPM ในโค้ดด้วย

ทำเอฟเฟกต์ซูมออกช้าๆ บนภาพนี้ (ใบไม้เป็นของต้นพอยน์เซตเทีย ทำให้มันดูสมจริง) ให้มีหยดน้ำตกลงมา และใส่เสียงฝนเบาๆ เป็นพื้นหลัง

สร้างวิดีโอความยาวหนึ่งนาทีเกี่ยวกับ Clawd มาสคอตของ Claude คุณสามารถค้นหาสินทรัพย์ออนไลน์ เช่น ไฟล์ SVG จากนั้นนำมาสร้างสรรค์ใหม่และทำแอนิเมชันด้วยตัวเอง จงใช้ความคิดสร้างสรรค์ให้มากที่สุดเท่าที่จะทำได้ เรนเดอร์วัตถุ 3 มิติ เช่น หน้าต่างเทอร์มินัลของ Claude Code ธรรมชาติ หรือองค์ประกอบอื่น ๆ ที่เหมาะสม และทำให้ผลงานออกมาดีที่สุดเท่าที่คุณจะทำได้

วาดนกกระทุงปั่นจักรยานเป็นเส้นต่อเนื่องเดียวผ่านจุด 16,384 จุด ใช้ Lloyd relaxation เพื่อวางตำแหน่งจุด ใช้เส้นทาง Travelling Salesman เพื่อเชื่อมจุดเข้าด้วยกัน และใช้ 2-opt เพื่อแก้การตัดกันของเส้นจนเหลือศูนย์ จากนั้นยกเส้นเดียวกันนี้ขึ้นเป็น 3 มิติและทำภาพเคลื่อนไหวให้มันปั่นจักรยาน วาดทุกเฟรมด้วย JavaScript บน Canvas 2D และสังเคราะห์เพลงด้วยโค้ด

เรนเดอร์เกาะลอยพร้อมแคมป์ไฟ ฝน และแสงจันทร์โดยใช้ TypeScript และ HTML Canvas โดยเน้นการจัดองค์ประกอบแบบมีบรรยากาศและการเคลื่อนไหวที่ลื่นไหล

<role> คุณคือนักออกแบบโมชั่นระดับ Principal และวิศวกรกราฟิกแบบเรียลไทม์ คุณสร้างวิดีโอเปิดตัวผลิตภัณฑ์ทั้งหมดด้วย Three.js โดยทุกเฟรมถูกสร้างขึ้นจากโค้ด เพื่อมาตรฐานเทียบเท่าวิดีโอของแบรนด์เอง คุณพิสูจน์คุณภาพด้วยการวัดผลและนักวิจารณ์อิสระ ไม่ใช่คำคุณศัพท์ </role> <brief> - ผลิตภัณฑ์ และข้อเท็จจริง 3-5 ประการที่วิดีโอสามารถระบุได้ (ต้องตรงตามต้นฉบับ ห้ามแต่งเติม) - วิดีโออ้างอิงที่ต้องเอาชนะให้ได้ - ความยาว อัตราส่วนภาพ และความละเอียด - ห้ามแสดง: [โลโก้, บุคคล, ฟุตเทจที่คุณไม่มีสิทธิ์] </brief> <study> อ่านวิดีโออ้างอิงทีละเฟรมแล้วแปลงเป็นตัวเลข: จังหวะการตัดต่อ, ความเร็วกล้อง, เส้นทางการเคลื่อนไหวหลัก, ขนาดและจังหวะของตัวอักษร, สีของฉาก ตัวเลขเหล่านี้คือมาตรฐาน วัดค่า อย่าลอกเลียนแบบ </study> <build> - ทำสตอรี่บอร์ดก่อน: ตารางเดียวที่ระบุเวลา, ช็อต, สิ่งที่พิสูจน์ และการตัดออก 2-3 วินาทีต่อช็อต และเฟรมแรกต้องเป็นช็อตเด่นทันที - ใช้ Seek Clock เดียว: ทุกพิกเซลเป็นฟังก์ชันบริสุทธิ์ของเวลา - สร้างองค์ประกอบแต่ละส่วน (อุปกรณ์, UI บนหน้าจอ, แต่ละช็อต, ตัวอักษร) ในห้องทดลองของตัวเองก่อนนำมาประกอบในวิดีโอ - UI บนหน้าจอเขียนด้วยโค้ด ตัวอักษรวาดบน Canvas และทุกจุดเปลี่ยนใช้ Crossfade (จุดเปลี่ยนแบบแข็งจะกระพริบหนึ่งเฟรม) </build> <loop> - ผู้สร้างและผู้วิจารณ์ต้องเป็น Agent ที่แยกจากกันเสมอ ผู้วิจารณ์เริ่มใหม่ทุกรอบ ให้คะแนนเฟรมที่เรนเดอร์เทียบกับวิดีโออ้างอิง และระบุช่องว่างที่ใหญ่ที่สุดเพียงข้อเดียว ผู้สร้างแก้ไขเฉพาะจุดนั้น - การทดสอบแบบ Blind Test: ผสมเฟรมของคุณกับเฟรมอ้างอิง หากผู้ตัดสินแยกออกว่าอันไหนคืออะไร แสดงว่ายังไม่เสร็จ - Wow Gate: แบ่งวิดีโอเป็นหน้าต่างละ 3 วินาที ทุกหน้าต่างต้องผ่านเกณฑ์ 'ใช่' </loop> <sound> - ใช้เพลงจริงหนึ่งเพลง จัดวางให้จังหวะสุดท้ายตรงกับ End Card และเล่นต่อเนื่องทั้งชิ้น ตัดต่อตามจังหวะเพลง - มีเสียงเอฟเฟกต์ที่ชัดเจนและเป็นธรรมชาติสำหรับการเคลื่อนไหวเล็กๆ ทุกครั้ง โดยช่วงสำคัญต้องได้ยินอย่างชัดเจน - เสียงเพลงเบา (ประมาณ -34 LUFS) และต้องมีเวอร์ชันที่มีแต่เสียงเพลงเท่านั้น </sound> <qa> เรนเดอร์ที่ 60fps แล้ววัดเฟรมค้าง, การกระพริบหนึ่งเฟรม, เฟรมดำ และความดัง จากนั้นดูเหมือนลูกค้า: พื้นที่ว่างเปล่า, ข้อความทับข้อความ, ป้ายกำกับที่หลอกลวง, ช็อตที่ยาวเกินไป </qa>

สร้างวิดีโอประวัติ SpaceX โดยรวมเสียงบรรยาย เพลง เอฟเฟกต์การเคลื่อนไหว และทรัพยากรที่ดึงมาโดยอัตโนมัติ กระบวนการควรเริ่มจากการลิสต์สตอรี่บอร์ดก่อน จากนั้นจึงปรับแก้เล็กน้อยในแต่ละเวอร์ชัน ตรวจสอบให้แน่ใจว่ามีการตรวจสอบลิขสิทธิ์ด้วยตนเองในขั้นตอนสุดท้าย

สร้างวิดีโอโมชั่นความยาว 30 วินาทีในธีม 'Freedom' ทำให้ภาพสวยงามจนฉันอยากจ่ายเงินให้ Claude