ภาพยนตร์คือ render(t)
เราออกแบบเว็บไซต์ให้ Shaderera ชุดเครื่องมือโอเพนซอร์สที่ผู้เชี่ยวชาญและ AI Agent เขียนภาพยนตร์ทั้งเรื่องเป็นโค้ด หน้าเว็บจึงสร้างแบบเดียวกับภาพยนตร์ที่มันนำเสนอ: โปสเตอร์ที่เรียงซ้อนกัน และการเลื่อนหน้าคือเวลา
โจทย์ท้าทาย
อธิบายแนวคิด ไม่ใช่รายการฟีเจอร์
Shaderera ไม่มีไทม์ไลน์และไม่มีเทมเพลต ภาพยนตร์คือฟังก์ชันจากเวลาไปเป็นเฟรม และชุดเครื่องมือจะตรวจสอบ เรนเดอร์ รีวิว และส่งมอบให้ เว็บไซต์ต้องทำให้คนที่เขียนโค้ดเข้าใจแนวคิดนี้ แสดงให้เห็นว่าภาพยนตร์เป็นของจริง และพาผู้เข้าชมจากหน้าจอแรกไปจนติดตั้งโปรเจกต์ได้
การเลื่อนหน้าคือ t
Hero ที่ทำงานแบบเดียวกับตัวผลิตภัณฑ์
โลโก้ SHADER ERA วาดขึ้นจากอนุภาค การเลื่อนหน้าคือการเลื่อน t: ตัวอักษรแตกกระจายแล้วกลับมาประกอบใหม่ และเมื่อเลื่อนย้อนกลับก็จะได้เฟรมเดิมทุกครั้ง นี่คือคำสัญญาของผลิตภัณฑ์ที่แสดงให้เห็นแทนการบอกเล่า แถบ HUD บาง ๆ ด้านบนนับค่า t และหมายเลขเฟรม
ถัดลงมา ประโยคเดียวบอกแนวคิดทั้งหมด: ภาพยนตร์คือ render(t)
โปสเตอร์บนพื้นสี่สี
ตัวอักษรแบบ Swiss สี่สี ไม่มีอะไรเกินนั้น
ทุกส่วนคือโปสเตอร์บนพื้นหนึ่งในสี่สี: สีกระดาษ ดำ แดง และน้ำเงินโคบอลต์ หัวข้อใช้ Inter ขนาดใหญ่และชิด ส่วนป้ายกำกับ ตัวอย่างโค้ด และบรรทัดเทอร์มินัลทั้งหมดใช้ IBM Plex Mono สีและตัวอักษรมาจากตัวภาพยนตร์เอง เว็บไซต์และผลงานจึงอ่านเป็นแบรนด์เดียวกัน
ภาพยนตร์และเหตุผลที่ต้องใช้ Agent
แสดงผลงาน แล้วแสดงว่ามันสร้างขึ้นมาอย่างไร
ภาพยนตร์สามเรื่อง MATTER, P(DOOM) และ WALLLOOM แต่ละเรื่องมีโปสเตอร์ของตัวเอง พร้อมคลิปวนซ้ำ เวอร์ชัน 16:9 และ 9:16 ข้อมูลสำคัญ และแถบเฟรม และเปิดดูได้ในเพลเยอร์ที่ออกแบบตามแบรนด์ โค้ดจริงจาก MATTER วางอยู่ข้างเฟรมที่โค้ดนั้นวาด
ตามด้วยหกบท: Brief, Look, Exact, Revise, Scale และ Prove แต่ละบทเป็นบทสนทนาสั้น ๆ ระหว่างคนกับ Agent ของเขา วางคู่กับ Contact Sheet ดราฟต์ หรือผลรีวิวที่บทนั้นพูดถึง
จากหน้าเว็บสู่โปรเจกต์
พรอมต์เดียว ใช้ได้กับทุก Agent
เว็บไซต์จบตรงจุดที่งานเริ่มต้น: คัดลอกพรอมต์ติดตั้งหนึ่งชุดไปวางใน Agent ตัวไหนก็ได้ หรือทำตามหน้า /agents ทีละขั้น Catalog รวบรวมส่วนเสริมทั้งหมด แต่ละรายการมีหน้าและพรีวิวของตัวเอง และคำถามที่พบบ่อยตอบคำถามพื้นฐานด้วยถ้อยคำเดียวกับที่เสิร์ชเอนจินและ Answer Engine อ่าน