นักสะสมแสงอาทิตย์ตก

นักสะสมแสงอาทิตย์ตก · อพาร์ตเมนต์วิวแม่น้ำหันตะวันตก

สร้างเว็บเพจอพาร์ตเมนต์จิ๋วมุมมองไอโซเมตริกชื่อ "นักสะสมแสงอาทิตย์ตก · อพาร์ตเมนต์วิวแม่น้ำหันตะวันตก" โดยใช้มุมมองไอโซเมตริกแบบออร์โธกราฟิก ไม่ใช่เพอร์สเปกทีฟ แต่เป็นมุมแอกโซโนเมตริกแบบกล่องโมเดล ฉากทั้งหมดควรให้ความรู้สึกเหมือนกล่องโมเดลสะสมที่ลากเพื่อหมุนและซูมได้ โดยไม่มีองค์ประกอบ UI หน้าจอแรกเป็นมุมไอโซเมตริกคลาสสิก: มุมมองจากด้านบน 45 องศาจากด้านช่องเปิดของอพาร์ตเมนต์ แสดงทั้งภาพพาโนรามาภายในทั้งหมดและหน้าต่างเต็มความสูงทั้งหมด ข้อกำหนดตายตัวสำหรับองค์ประกอบหน้าจอแรก: หน้าต่างเต็มความสูงฝั่งตะวันตกทั้งหมด พระอาทิตย์ตกนอกหน้าต่างพร้อมเงาสะท้อนบนแม่น้ำ และเงาแสงลายยาวจากกรอบหน้าต่างที่ทอดเข้ามาในห้อง ต้องมองเห็นได้โดยตรงและอยู่กลางภาพของหน้าจอแรก (อ้างอิงองค์ประกอบของ style_ref.png — หน้าต่างเต็มความสูงหันตรงสู่ผู้ชม ดวงอาทิตย์อยู่เหนือเส้นขอบฟ้าของเมือง และแนวแสงสีทองทอดข้ามแม่น้ำ) ความประทับใจแรกของผู้ชมต้องเป็นแสงโกลเดนอะวร์ที่ท่วมเข้ามาในห้องเล็ก

คำจำกัดความสไตล์: โมเดลจิ๋ว low-poly ที่มีเท็กซ์เจอร์ละเอียด รูปทรงเรียบง่าย ขอบคม และสัดส่วนค่อนข้างหนา แต่ทุกพื้นผิวมีรายละเอียดวัสดุจริง — ลายไม้โอ๊ก ลายทอของโซฟาลินิน กระดาษสันหนังสือ เคลือบเงากระถางเซรามิก เก้าอี้บาร์โลหะ ห้ามมีเส้นขอบแบบ cel-shaded ห้ามใช้เงาสะท้อน PBR สมจริงแบบภาพถ่าย และต้องไม่ให้ความรู้สึกเป็นพลาสติก บรรยากาศสงบ เยียวยา มีความโรแมนติกของนักสะสม — เจ้าของห้องซื้ออพาร์ตเมนต์นี้เพราะพระอาทิตย์ตกจากหน้าต่างบานนี้ ทุกวันระหว่าง 17:00 ถึง 19:30 คือพิธีกรรมสีทองของบ้านหลังนี้

โครงสร้างแปลน: อพาร์ตเมนต์สตูดิโอเปิดในอาคารสูง (ประมาณ 8×6 เมตร เพดานสูง 3 เมตร) ทำเป็นคัตอะเวย์กล่องโมเดล มีผนังสองด้านและพื้น โดยรอยตัดเผยให้เห็นหน้าตัดผนัง ผนังตะวันตกทั้งหมดเป็นกระจกเต็มความสูง (มองเห็นได้โดยตรงจากมุมไอโซเมตริกหน้าจอแรก — เป็นตัวเอกและจุดยึดองค์ประกอบของงานทั้งหมด) ภายนอกหน้าต่างมีมิติ 3 ระยะ: ผิวน้ำแม่น้ำระยะหน้า (กว้างและสะท้อนแสง) เงาเส้นขอบฟ้าเมืองระยะกลาง (อาคารสูงต่ำต่างกันและสะพานขึงหนึ่งแห่ง) และท้องฟ้าระยะไกล พื้นเป็นไม้โอ๊กแผ่นสีอ่อน ผนังสีขาวกรุไม้บางส่วน

ความหนาแน่นของรายละเอียด (ข้อกำหนดตายตัว โดยใช้ style_ref.png เป็นเกณฑ์ผ่าน): ทุกพื้นผิวต้องมีรายละเอียดสามชั้น — รายละเอียดรองที่เห็นได้จากระยะไกล: สันหนังสือเรียงบนชั้น งานศิลปะและภาพถ่ายใส่กรอบบนผนัง ปลั๊กและสวิตช์ ม่านที่รวบไปด้านหนึ่ง บัวพื้น ขวดและโหลบนเคาน์เตอร์บาร์ กลุ่มต้นไม้; รายละเอียดชั้นสามที่เห็นหลังคลิกโฟกัส: ลายทอของโซฟา ข้อความบนสันหนังสือ ภาพปกแผ่นเสียง รอยวงน้ำใต้แก้ว และเส้นใบ ห้ามมี "แผงมันวาวโล่งขนาดใหญ่" บนผนัง กระจายของใช้ประจำวันให้รู้สึกว่า "มีคนอาศัยอยู่จริงและดูพระอาทิตย์ตกมานับร้อยครั้ง": หนังสือ แผ่นเสียง แก้วกาแฟ กล้องโทรทรรศน์ อัลบั้มภาพ และผ้าห่ม

เฟอร์นิเจอร์ (แบ่งตามโซน):

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

ผนังชั้นหนังสือ (ผนังด้านในทั้งผืน): ชั้นหนังสือไม้จริงสูงจรดเพดานที่อัดแน่นด้วยหนังสือ แผ่นเสียงไวนิล และของตกแต่งชิ้นเล็ก (กล้องถ่ายรูป ดอกไม้แห้ง กระถางเซรามิก); ช่องหนึ่งซ่อนสายไฟประดับโทนอุ่นไว้ (เปิดอยู่)

มุมบาร์ (อีกด้าน): เคาน์เตอร์บาร์ไม้จริง + เก้าอี้บาร์โลหะสองตัว บนเคาน์เตอร์มีชุดกาแฟดริปครบชุดและผลไม้เล็กน้อย มีไฟแถบ LED โทนอุ่นใต้ตู้แขวน (เปิดอยู่)

ต้นไม้: กลุ่มต้นไม้กระถางริมหน้าต่างและบนชั้นหนังสือ (ไทรใบสัก มอนสเตอรา พลูด่างเลื้อย); แสงอาทิตย์ตกทอดเงาใบไม้บนผนัง

พรม: พรมขนแกะสีเบจในพื้นที่โซฟา มีเงาแสงจากกรอบหน้าต่างยาวทอดผ่านผิวพรม

แสงและบรรยากาศ (แก่นของงานนี้ — ต้องสร้างความรู้สึก "ทิ้งตัวลงโซฟาอย่างเคลิบเคลิ้ม"): ไทม์ไลน์พระอาทิตย์ตกต่อเนื่องคือหัวใจของงานทั้งหมด — ดวงอาทิตย์ค่อย ๆ ลดจากมุมสูงสีทองอ่อนเวลา 17:00 เป็นสีส้มแดงเข้มแตะเส้นขอบฟ้าเวลา 18:30 เข้าสู่บลูอาวร์หลังตะวันตกดินเวลา 19:00 (แสงฟ้าเปลี่ยนเป็นเย็นและน้ำเงิน ไฟเมืองค่อย ๆ ติดทีละดวง) แล้วเข้าสู่กลางคืน การลากไทม์ไลน์ต้องเชื่อมโยงทุกอย่าง: ตำแหน่งและระดับของดวงอาทิตย์ อุณหภูมิสีของแสงแดด (ทองอ่อน → ทอง → ส้ม → ส้มแดง) ไล่เฉดท้องฟ้า มุมและสีของเงายาวในห้อง แนวแสงสีทองบนแม่น้ำ (เคลื่อนตามตำแหน่งดวงอาทิตย์และจางไปเมื่อฟ้ามืด) หน้าต่างเมืองและไฟถนนที่ค่อย ๆ สว่างช่วงบลูอาวร์ และโคมไฟในห้องที่เปิดอัตโนมัติหลังมืด (ไฟประดับชั้นหนังสือ ไฟแถบบาร์ โคมไฟตั้งพื้น) ในไม่กี่นาทีที่แสงอาทิตย์เข้มที่สุด ทั้งห้องต้องกลายเป็นสีทองหลอมเหลว และเงากรอบหน้าต่างบนพื้นคมกริบ — นี่คือช่วงไฮไลต์ของงานทั้งหมด

วัสดุ (ข้อกำหนดตายตัว): ทุกพื้นผิวต้องใช้เท็กซ์เจอร์ภาพที่สร้างขึ้น ห้ามใช้สีพื้นเรียบ: พื้นไม้โอ๊ก โซฟาลินิน ชั้นหนังสือและเคาน์เตอร์บาร์ไม้จริง พรมขนแกะ กระถางเซรามิก เก้าอี้บาร์โลหะ สันหนังสือและปกแผ่นเสียง หน้าหนังสือภาพถ่าย ข้อความทั้งหมดต้องคมชัดและอ่านได้ ผิวน้ำแม่น้ำต้องใช้ shader/วัสดุสะท้อนแสง (สะท้อนดวงอาทิตย์และท้องฟ้า) — ห้ามใช้พื้นผิวสีน้ำเงินทึบเรียบ ย้ายฉากจากอพาร์ตเมนต์วิวแม่น้ำไปเป็นคอตเทจริมทะเลหันตะวันตก: หน้าต่างเต็มความสูงหันสู่ทะเลและดวงอาทิตย์ลับขอบฟ้า ภายในยังคงมีผนังชั้นหนังสือ มุมบาร์ และโซฟาชมวิว แต่ไทม์ไลน์พระอาทิตย์ตกจะขับเคลื่อนระดับน้ำขึ้นลงและประกายคลื่นแทน และมีแสงจากเรือประมงนอกชายฝั่งในช่วงบลูอาวร์ การเคลื่อนไหว (ต่อเนื่องและพอดี): ระลอกระยิบระยับเบา ๆ บนแม่น้ำ ไอน้ำลอยจากกาแฟ ใบพลูด่างไหวเพียงเล็กน้อย ไฟเมืองกะพริบช้า ๆ หลังมืด ไฟประดับชั้นหนังสือและไฟแถบสว่างไหวอย่างนุ่มนวล

กล้อง: มุมมองไอโซเมตริกแบบออร์โธกราฟิก หมุนด้วยการลากได้ (จำกัดเฉพาะมุมที่ยังเห็นภายในชัดเจน) และซูมได้; หน้าจอแรกใช้มุมไอโซเมตริกมาตรฐาน โดยค่าเริ่มต้นตั้งไว้ที่ 18:10 (ก่อนพระอาทิตย์ตกถึงจุดพีกเล็กน้อย)

การโต้ตอบ (ควรลื่นไหลและให้ความรู้สึกราวพิธีกรรม):

ไทม์ไลน์พระอาทิตย์ตก: กดและลากบนฉาก (หรือลากไทม์ไลน์) เพื่อเลื่อนดูพระอาทิตย์ตกต่อเนื่องตั้งแต่ 17:00 ถึง 20:00 ด้วยตนเอง ทั้งไปข้างหน้าและย้อนกลับต้องลื่นไหลมาก; เมื่อปล่อย เวลาเดินต่ออัตโนมัติจากจุดนั้น (ความเร็วอัตโนมัติ: รอบพระอาทิตย์ตกครบหนึ่งรอบต่อ 120 วินาที วนซ้ำ)

คลิกเพื่อโฟกัส: คลิกวัตถุหลักใดก็ได้ (พื้นที่ชมวิวโซฟา ผนังชั้นหนังสือ เคาน์เตอร์บาร์ กล้องโทรทรรศน์ ต้นไม้ ฯลฯ) → กล้องซูมเข้าอย่างนุ่มนวล; คลิกพื้นที่ว่างหรือคลิกซ้ำ → กลับสู่มุมมองเต็ม

อีสเตอร์เอ้กกล้องโทรทรรศน์: คลิกกล้องโทรทรรศน์ → กล้องดันเข้าไปดูระยะใกล้พระอาทิตย์ตกนอกหน้าต่าง 2 วินาที แล้วถอยกลับ ("แอบมองผ่านกล้อง")

ไฟในห้อง: คลิกโคมไฟตั้งพื้น → สลับเปิด/ปิดไฟในห้องทั้งหมดด้วยตนเอง (แทนที่ตรรกะอัตโนมัติ)

โหมดหยุดเวลา: คลิกดวงอาทิตย์ → หยุดการไหลของเวลา ("เก็บ" พระอาทิตย์ตกไว้ ณ ขณะนั้น); คลิกอีกครั้งเพื่อทำงานต่อ

สถานะเริ่มต้น: เดินเวลาอัตโนมัติ เริ่มที่ 18:10 ไฟในห้องทำงานตามท้องฟ้าโดยอัตโนมัติ

ข้อมูลอ้างอิงสไตล์: style_ref.png ในโฟลเดอร์นี้คือข้อมูลอ้างอิงบรรยากาศ — องค์ประกอบ (หน้าต่างเต็มความสูง + วิวแม่น้ำยามอาทิตย์ตกหันหาผู้ชม) แสงและเงาสีทอง ความรู้สึกกล่องโมเดล และความหนาแน่นของรายละเอียด ล้วนเป็นมาตรฐาน (การจัดวางองค์ประกอบไม่จำเป็นต้องตรงกันทุกจุด; เฟอร์นิเจอร์ให้เป็นไปตามเอกสารนี้) หากไม่ได้ให้ style_ref.png ในบทสนทนา ให้ใช้ทักษะสร้างภาพเพื่อสร้างภาพอ้างอิงแนวคิดตามคำจำกัดความสไตล์และข้อกำหนดองค์ประกอบข้างต้นก่อน และเริ่มงานหลังจากได้รับการยืนยันเท่านั้น สำหรับตรวจสอบตนเอง ให้เปรียบเทียบโดยตรง: วางภาพหน้าจอแรกคู่กับ style_ref.png — หากความหนาแน่นและอารมณ์แสงเงาด้อยกว่าอย่างชัดเจน ให้เพิ่มรายละเอียดและปรับแสงต่อไป

การแยกส่วนการพัฒนา: ทุกอย่างภายในต้องเป็นเรขาคณิต 3D จริง; แม่น้ำ เส้นขอบฟ้าเมือง และท้องฟ้านอกหน้าต่างต้องทำเป็นชั้น (ผิวน้ำ 3D ระยะหน้า มวลเงาอาคารเมืองระยะกลาง ไล่เฉด shader ของโดมท้องฟ้า) — ห้ามใช้ภาพพื้นหลังแบน ดวงอาทิตย์ แนวแสง และแสงเงาภายในต้องเชื่อมโยงกันทั้งหมด

กระบวนการ (ยืนยันทีละคอมโพเนนต์ — รอการยืนยันของฉันทุกขั้น): สร้างเป็นคอมโพเนนต์ก่อน และจับภาพหน้าจอของแต่ละส่วนให้ฉันตรวจ: 1) โครงสร้างแปลน + หน้าต่างเต็มความสูง + แม่น้ำและเส้นขอบฟ้าเมือง + แสงสีทองเวลา 18:10; 2) พื้นที่ชมวิวและผนังชั้นหนังสือ (แสงเงาต้องถูกต้อง สันหนังสือต้องคมชัด); 3) มุมบาร์ ต้นไม้ และของกระจาย หลังฉันยืนยันแล้ว จึงประกอบทั้งหมด เพิ่มการเคลื่อนไหวและการโต้ตอบ และปรับการเชื่อมโยงไทม์ไลน์พระอาทิตย์ตกทั้งหมด

สิ่งที่ต้องส่งมอบ: เว็บเพจหนึ่งหน้าที่ deploy และเปิดได้โดยตรง; พร้อมภาพเฟรมหยุดขนาดใหญ่ห้าภาพ (17:30 ทองอ่อน / 18:25 ช่วงไฮไลต์พีกสีทองหลอมเหลว / 18:50 พระอาทิตย์ตกส้มแดงแตะเส้นขอบฟ้า / 19:10 บลูอาวร์ที่ไฟเมืองเปิด / คลิกโฟกัสที่พื้นที่ชมวิวโซฟา)

การตรวจสอบภาพด้วยตนเอง (ข้อกำหนดตายตัว): กระบวนการต้องมีการตรวจภาพด้วยตนเอง — จับภาพหน้าจอและตรวจดูเอง: 1) องค์ประกอบหน้าจอแรก: หน้าต่างเต็มความสูง + พระอาทิตย์ตกมองเห็นโดยตรงและเป็นจุดศูนย์กลางหรือไม่; 2) ความหนาแน่นรายละเอียด: เปรียบเทียบเคียงข้างกับ style_ref.png; 3) อุณหภูมิสีและแสงของพระอาทิตย์ตกทั้งสามช่วงดีทุกช่วง โดยไม่มีข้อผิดพลาดในการเชื่อมโยง; 4) เงากรอบหน้าต่างยาวคมชัดหรือไม่ และเงาสะท้อนแม่น้ำเคลื่อนตามดวงอาทิตย์หรือไม่; 5) รายละเอียดเท็กซ์เจอร์และความอ่านง่ายของข้อความ ต้องจับภาพทุกสถานะการโต้ตอบ (โฟกัส / หยุดเวลา / กล้องโทรทรรศน์ / ไฟแบบแมนนวล); หากไม่พอใจ ให้ปรับและทำใหม่

สร้างโฟลเดอร์ /output และใส่สิ่งที่ต้องส่งมอบทั้งหมดใน /output หากมีแอสเซ็ต ให้สร้างโฟลเดอร์ /assets ภายใน /output และวางแอสเซ็ตไว้ที่นั่น

นักสะสมแสงอาทิตย์ตก · อพาร์ตเมนต์วิวแม่น้ำหันตะวันตก

สร้างเว็บเพจอพาร์ตเมนต์จิ๋วมุมมองไอโซเมตริกชื่อ "นักสะสมแสงอาทิตย์ตก · อพาร์ตเมนต์วิวแม่น้ำหันตะวันตก" โดยใช้มุมมองไอโซเมตริกแบบออร์โธกราฟิก ไม่ใช่เพอร์สเปกทีฟ แต่เป็นมุมแอกโซโนเมตริกแบบกล่องโมเดล ฉากทั้งหมดควรให้ความรู้สึกเหมือนกล่องโมเดลสะสมที่ลากเพื่อหมุนและซูมได้ โดยไม่มีองค์ประกอบ UI หน้าจอแรกเป็นมุมไอโซเมตริกคลาสสิก: มุมมองจากด้านบน 45 องศาจากด้านช่องเปิดของอพาร์ตเมนต์ แสดงทั้งภาพพาโนรามาภายในทั้งหมดและหน้าต่างเต็มความสูงทั้งหมด ข้อกำหนดตายตัวสำหรับองค์ประกอบหน้าจอแรก: หน้าต่างเต็มความสูงฝั่งตะวันตกทั้งหมด พระอาทิตย์ตกนอกหน้าต่างพร้อมเงาสะท้อนบนแม่น้ำ และเงาแสงลายยาวจากกรอบหน้าต่างที่ทอดเข้ามาในห้อง ต้องมองเห็นได้โดยตรงและอยู่กลางภาพของหน้าจอแรก (อ้างอิงองค์ประกอบของ style_ref.png — หน้าต่างเต็มความสูงหันตรงสู่ผู้ชม ดวงอาทิตย์อยู่เหนือเส้นขอบฟ้าของเมือง และแนวแสงสีทองทอดข้ามแม่น้ำ) ความประทับใจแรกของผู้ชมต้องเป็นแสงโกลเดนอะวร์ที่ท่วมเข้ามาในห้องเล็ก

คำจำกัดความสไตล์: โมเดลจิ๋ว low-poly ที่มีเท็กซ์เจอร์ละเอียด รูปทรงเรียบง่าย ขอบคม และสัดส่วนค่อนข้างหนา แต่ทุกพื้นผิวมีรายละเอียดวัสดุจริง — ลายไม้โอ๊ก ลายทอของโซฟาลินิน กระดาษสันหนังสือ เคลือบเงากระถางเซรามิก เก้าอี้บาร์โลหะ ห้ามมีเส้นขอบแบบ cel-shaded ห้ามใช้เงาสะท้อน PBR สมจริงแบบภาพถ่าย และต้องไม่ให้ความรู้สึกเป็นพลาสติก บรรยากาศสงบ เยียวยา มีความโรแมนติกของนักสะสม — เจ้าของห้องซื้ออพาร์ตเมนต์นี้เพราะพระอาทิตย์ตกจากหน้าต่างบานนี้ ทุกวันระหว่าง 17:00 ถึง 19:30 คือพิธีกรรมสีทองของบ้านหลังนี้

โครงสร้างแปลน: อพาร์ตเมนต์สตูดิโอเปิดในอาคารสูง (ประมาณ 8×6 เมตร เพดานสูง 3 เมตร) ทำเป็นคัตอะเวย์กล่องโมเดล มีผนังสองด้านและพื้น โดยรอยตัดเผยให้เห็นหน้าตัดผนัง ผนังตะวันตกทั้งหมดเป็นกระจกเต็มความสูง (มองเห็นได้โดยตรงจากมุมไอโซเมตริกหน้าจอแรก — เป็นตัวเอกและจุดยึดองค์ประกอบของงานทั้งหมด) ภายนอกหน้าต่างมีมิติ 3 ระยะ: ผิวน้ำแม่น้ำระยะหน้า (กว้างและสะท้อนแสง) เงาเส้นขอบฟ้าเมืองระยะกลาง (อาคารสูงต่ำต่างกันและสะพานขึงหนึ่งแห่ง) และท้องฟ้าระยะไกล พื้นเป็นไม้โอ๊กแผ่นสีอ่อน ผนังสีขาวกรุไม้บางส่วน

ความหนาแน่นของรายละเอียด (ข้อกำหนดตายตัว โดยใช้ style_ref.png เป็นเกณฑ์ผ่าน): ทุกพื้นผิวต้องมีรายละเอียดสามชั้น — รายละเอียดรองที่เห็นได้จากระยะไกล: สันหนังสือเรียงบนชั้น งานศิลปะและภาพถ่ายใส่กรอบบนผนัง ปลั๊กและสวิตช์ ม่านที่รวบไปด้านหนึ่ง บัวพื้น ขวดและโหลบนเคาน์เตอร์บาร์ กลุ่มต้นไม้; รายละเอียดชั้นสามที่เห็นหลังคลิกโฟกัส: ลายทอของโซฟา ข้อความบนสันหนังสือ ภาพปกแผ่นเสียง รอยวงน้ำใต้แก้ว และเส้นใบ ห้ามมี "แผงมันวาวโล่งขนาดใหญ่" บนผนัง กระจายของใช้ประจำวันให้รู้สึกว่า "มีคนอาศัยอยู่จริงและดูพระอาทิตย์ตกมานับร้อยครั้ง": หนังสือ แผ่นเสียง แก้วกาแฟ กล้องโทรทรรศน์ อัลบั้มภาพ และผ้าห่ม

เฟอร์นิเจอร์ (แบ่งตามโซน):

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

ผนังชั้นหนังสือ (ผนังด้านในทั้งผืน): ชั้นหนังสือไม้จริงสูงจรดเพดานที่อัดแน่นด้วยหนังสือ แผ่นเสียงไวนิล และของตกแต่งชิ้นเล็ก (กล้องถ่ายรูป ดอกไม้แห้ง กระถางเซรามิก); ช่องหนึ่งซ่อนสายไฟประดับโทนอุ่นไว้ (เปิดอยู่)

มุมบาร์ (อีกด้าน): เคาน์เตอร์บาร์ไม้จริง + เก้าอี้บาร์โลหะสองตัว บนเคาน์เตอร์มีชุดกาแฟดริปครบชุดและผลไม้เล็กน้อย มีไฟแถบ LED โทนอุ่นใต้ตู้แขวน (เปิดอยู่)

ต้นไม้: กลุ่มต้นไม้กระถางริมหน้าต่างและบนชั้นหนังสือ (ไทรใบสัก มอนสเตอรา พลูด่างเลื้อย); แสงอาทิตย์ตกทอดเงาใบไม้บนผนัง

พรม: พรมขนแกะสีเบจในพื้นที่โซฟา มีเงาแสงจากกรอบหน้าต่างยาวทอดผ่านผิวพรม

แสงและบรรยากาศ (แก่นของงานนี้ — ต้องสร้างความรู้สึก "ทิ้งตัวลงโซฟาอย่างเคลิบเคลิ้ม"): ไทม์ไลน์พระอาทิตย์ตกต่อเนื่องคือหัวใจของงานทั้งหมด — ดวงอาทิตย์ค่อย ๆ ลดจากมุมสูงสีทองอ่อนเวลา 17:00 เป็นสีส้มแดงเข้มแตะเส้นขอบฟ้าเวลา 18:30 เข้าสู่บลูอาวร์หลังตะวันตกดินเวลา 19:00 (แสงฟ้าเปลี่ยนเป็นเย็นและน้ำเงิน ไฟเมืองค่อย ๆ ติดทีละดวง) แล้วเข้าสู่กลางคืน การลากไทม์ไลน์ต้องเชื่อมโยงทุกอย่าง: ตำแหน่งและระดับของดวงอาทิตย์ อุณหภูมิสีของแสงแดด (ทองอ่อน → ทอง → ส้ม → ส้มแดง) ไล่เฉดท้องฟ้า มุมและสีของเงายาวในห้อง แนวแสงสีทองบนแม่น้ำ (เคลื่อนตามตำแหน่งดวงอาทิตย์และจางไปเมื่อฟ้ามืด) หน้าต่างเมืองและไฟถนนที่ค่อย ๆ สว่างช่วงบลูอาวร์ และโคมไฟในห้องที่เปิดอัตโนมัติหลังมืด (ไฟประดับชั้นหนังสือ ไฟแถบบาร์ โคมไฟตั้งพื้น) ในไม่กี่นาทีที่แสงอาทิตย์เข้มที่สุด ทั้งห้องต้องกลายเป็นสีทองหลอมเหลว และเงากรอบหน้าต่างบนพื้นคมกริบ — นี่คือช่วงไฮไลต์ของงานทั้งหมด

วัสดุ (ข้อกำหนดตายตัว): ทุกพื้นผิวต้องใช้เท็กซ์เจอร์ภาพที่สร้างขึ้น ห้ามใช้สีพื้นเรียบ: พื้นไม้โอ๊ก โซฟาลินิน ชั้นหนังสือและเคาน์เตอร์บาร์ไม้จริง พรมขนแกะ กระถางเซรามิก เก้าอี้บาร์โลหะ สันหนังสือและปกแผ่นเสียง หน้าหนังสือภาพถ่าย ข้อความทั้งหมดต้องคมชัดและอ่านได้ ผิวน้ำแม่น้ำต้องใช้ shader/วัสดุสะท้อนแสง (สะท้อนดวงอาทิตย์และท้องฟ้า) — ห้ามใช้พื้นผิวสีน้ำเงินทึบเรียบ เปลี่ยนชื่อหน้า สันหนังสือ ปกแผ่นเสียง และข้อความที่มองเห็นทั้งหมดเป็นภาษาอังกฤษ โดยคงบรรยากาศสงบเยียวยาแบบนักสะสมไว้; แปลหน้าด้านในของหนังสือภาพถ่ายด้วย โดยคงเลย์เอาต์และการโต้ตอบเดิม การเคลื่อนไหว (ต่อเนื่องและพอดี): ระลอกระยิบระยับเบา ๆ บนแม่น้ำ ไอน้ำลอยจากกาแฟ ใบพลูด่างไหวเพียงเล็กน้อย ไฟเมืองกะพริบช้า ๆ หลังมืด ไฟประดับชั้นหนังสือและไฟแถบสว่างไหวอย่างนุ่มนวล

กล้อง: มุมมองไอโซเมตริกแบบออร์โธกราฟิก หมุนด้วยการลากได้ (จำกัดเฉพาะมุมที่ยังเห็นภายในชัดเจน) และซูมได้; หน้าจอแรกใช้มุมไอโซเมตริกมาตรฐาน โดยค่าเริ่มต้นตั้งไว้ที่ 18:10 (ก่อนพระอาทิตย์ตกถึงจุดพีกเล็กน้อย)

การโต้ตอบ (ควรลื่นไหลและให้ความรู้สึกราวพิธีกรรม):

ไทม์ไลน์พระอาทิตย์ตก: กดและลากบนฉาก (หรือลากไทม์ไลน์) เพื่อเลื่อนดูพระอาทิตย์ตกต่อเนื่องตั้งแต่ 17:00 ถึง 20:00 ด้วยตนเอง ทั้งไปข้างหน้าและย้อนกลับต้องลื่นไหลมาก; เมื่อปล่อย เวลาเดินต่ออัตโนมัติจากจุดนั้น (ความเร็วอัตโนมัติ: รอบพระอาทิตย์ตกครบหนึ่งรอบต่อ 120 วินาที วนซ้ำ)

คลิกเพื่อโฟกัส: คลิกวัตถุหลักใดก็ได้ (พื้นที่ชมวิวโซฟา ผนังชั้นหนังสือ เคาน์เตอร์บาร์ กล้องโทรทรรศน์ ต้นไม้ ฯลฯ) → กล้องซูมเข้าอย่างนุ่มนวล; คลิกพื้นที่ว่างหรือคลิกซ้ำ → กลับสู่มุมมองเต็ม

อีสเตอร์เอ้กกล้องโทรทรรศน์: คลิกกล้องโทรทรรศน์ → กล้องดันเข้าไปดูระยะใกล้พระอาทิตย์ตกนอกหน้าต่าง 2 วินาที แล้วถอยกลับ ("แอบมองผ่านกล้อง")

ไฟในห้อง: คลิกโคมไฟตั้งพื้น → สลับเปิด/ปิดไฟในห้องทั้งหมดด้วยตนเอง (แทนที่ตรรกะอัตโนมัติ)

โหมดหยุดเวลา: คลิกดวงอาทิตย์ → หยุดการไหลของเวลา ("เก็บ" พระอาทิตย์ตกไว้ ณ ขณะนั้น); คลิกอีกครั้งเพื่อทำงานต่อ

สถานะเริ่มต้น: เดินเวลาอัตโนมัติ เริ่มที่ 18:10 ไฟในห้องทำงานตามท้องฟ้าโดยอัตโนมัติ

ข้อมูลอ้างอิงสไตล์: style_ref.png ในโฟลเดอร์นี้คือข้อมูลอ้างอิงบรรยากาศ — องค์ประกอบ (หน้าต่างเต็มความสูง + วิวแม่น้ำยามอาทิตย์ตกหันหาผู้ชม) แสงและเงาสีทอง ความรู้สึกกล่องโมเดล และความหนาแน่นของรายละเอียด ล้วนเป็นมาตรฐาน (การจัดวางองค์ประกอบไม่จำเป็นต้องตรงกันทุกจุด; เฟอร์นิเจอร์ให้เป็นไปตามเอกสารนี้) หากไม่ได้ให้ style_ref.png ในบทสนทนา ให้ใช้ทักษะสร้างภาพเพื่อสร้างภาพอ้างอิงแนวคิดตามคำจำกัดความสไตล์และข้อกำหนดองค์ประกอบข้างต้นก่อน และเริ่มงานหลังจากได้รับการยืนยันเท่านั้น สำหรับตรวจสอบตนเอง ให้เปรียบเทียบโดยตรง: วางภาพหน้าจอแรกคู่กับ style_ref.png — หากความหนาแน่นและอารมณ์แสงเงาด้อยกว่าอย่างชัดเจน ให้เพิ่มรายละเอียดและปรับแสงต่อไป

การแยกส่วนการพัฒนา: ทุกอย่างภายในต้องเป็นเรขาคณิต 3D จริง; แม่น้ำ เส้นขอบฟ้าเมือง และท้องฟ้านอกหน้าต่างต้องทำเป็นชั้น (ผิวน้ำ 3D ระยะหน้า มวลเงาอาคารเมืองระยะกลาง ไล่เฉด shader ของโดมท้องฟ้า) — ห้ามใช้ภาพพื้นหลังแบน ดวงอาทิตย์ แนวแสง และแสงเงาภายในต้องเชื่อมโยงกันทั้งหมด

กระบวนการ (ยืนยันทีละคอมโพเนนต์ — รอการยืนยันของฉันทุกขั้น): สร้างเป็นคอมโพเนนต์ก่อน และจับภาพหน้าจอของแต่ละส่วนให้ฉันตรวจ: 1) โครงสร้างแปลน + หน้าต่างเต็มความสูง + แม่น้ำและเส้นขอบฟ้าเมือง + แสงสีทองเวลา 18:10; 2) พื้นที่ชมวิวและผนังชั้นหนังสือ (แสงเงาต้องถูกต้อง สันหนังสือต้องคมชัด); 3) มุมบาร์ ต้นไม้ และของกระจาย หลังฉันยืนยันแล้ว จึงประกอบทั้งหมด เพิ่มการเคลื่อนไหวและการโต้ตอบ และปรับการเชื่อมโยงไทม์ไลน์พระอาทิตย์ตกทั้งหมด

สิ่งที่ต้องส่งมอบ: เว็บเพจหนึ่งหน้าที่ deploy และเปิดได้โดยตรง; พร้อมภาพเฟรมหยุดขนาดใหญ่ห้าภาพ (17:30 ทองอ่อน / 18:25 ช่วงไฮไลต์พีกสีทองหลอมเหลว / 18:50 พระอาทิตย์ตกส้มแดงแตะเส้นขอบฟ้า / 19:10 บลูอาวร์ที่ไฟเมืองเปิด / คลิกโฟกัสที่พื้นที่ชมวิวโซฟา)

การตรวจสอบภาพด้วยตนเอง (ข้อกำหนดตายตัว): กระบวนการต้องมีการตรวจภาพด้วยตนเอง — จับภาพหน้าจอและตรวจดูเอง: 1) องค์ประกอบหน้าจอแรก: หน้าต่างเต็มความสูง + พระอาทิตย์ตกมองเห็นโดยตรงและเป็นจุดศูนย์กลางหรือไม่; 2) ความหนาแน่นรายละเอียด: เปรียบเทียบเคียงข้างกับ style_ref.png; 3) อุณหภูมิสีและแสงของพระอาทิตย์ตกทั้งสามช่วงดีทุกช่วง โดยไม่มีข้อผิดพลาดในการเชื่อมโยง; 4) เงากรอบหน้าต่างยาวคมชัดหรือไม่ และเงาสะท้อนแม่น้ำเคลื่อนตามดวงอาทิตย์หรือไม่; 5) รายละเอียดเท็กซ์เจอร์และความอ่านง่ายของข้อความ ต้องจับภาพทุกสถานะการโต้ตอบ (โฟกัส / หยุดเวลา / กล้องโทรทรรศน์ / ไฟแบบแมนนวล); หากไม่พอใจ ให้ปรับและทำใหม่

สร้างโฟลเดอร์ /output และใส่สิ่งที่ต้องส่งมอบทั้งหมดใน /output หากมีแอสเซ็ต ให้สร้างโฟลเดอร์ /assets ภายใน /output และวางแอสเซ็ตไว้ที่นั่น