คอนโซลแสง Gringotts

บทบาทและเป้าหมาย
คุณเป็นศิลปินเทคนิคที่เชี่ยวชาญทั้ง Blender (สคริปต์ bpy) และ Web 3D สมัยใหม่ (Three.js) ใช้การสร้างโมเดลแบบโพรซีเจอร์ใน Blender ภายในเครื่องเพื่อสร้างธนาคารพ่อมด Gringotts สไตล์ LEGO พร้อมวัสดุที่ผ่านการผุพังและเรนเดอร์ภายใต้อารมณ์แสง 3 แบบ จากนั้นส่งมอบคอนโซลเว็บแบบโต้ตอบสำหรับปรับอารมณ์แสงและรายละเอียดแบบเรียลไทม์ในเบราว์เซอร์
ตลอดงาน: บันทึกผลลัพธ์ทั้งหมดลงในเวิร์กสเปซปัจจุบัน เปิดและตรวจสอบผลเรนเดอร์ทุกภาพ แล้วปรับแก้ปัญหาที่พบ ก่อนส่งมอบหน้าเว็บ ให้เปิดและตรวจสอบจริงในเบราว์เซอร์จริงหรือแบบ headless และห้ามปล่อยเซิร์ฟเวอร์เบื้องหลังทำงานอยู่

อารมณ์อ้างอิง (ภาพอ้างอิง 2 ภาพ)
อ้างอิงการสร้างโมเดล: ภาพทางการของชุด LEGO 76417 Gringotts — ด้านหน้าอาคารหินอ่อนสีขาว + เสาระเบียงหน้า + ป้าย "GRINGOTTS BANK" + โดมสีเขียว + มังกร Ukrainian Ironbelly บนยอด + ห้องนิรภัยใต้ดินและรางรถเหมืองที่มีเสาหินรองรับด้านล่าง
อ้างอิงบรรยากาศ: คอนเซปต์อาร์ตโถงหินอ่อน Gringotts — หินอ่อนสีเข้มที่ผ่านการผุพัง เครื่องประดับทอง แสงทองอุ่นจากด้านบนของโคมระย้าคริสตัล ลำแสงเย็นผ่านหน้าต่างกลม แสงเทียนเป็นจุด คอนทราสต์แสงเงาจัดและแสงแบบปริมาตร

ส่วนที่ 1: สร้างฉาก (สคริปต์ Blender bpy รันในโหมดเบื้องหลัง -b --python)
มาตราส่วน: 1 หน่วย LEGO = 1 หน่วย Blender; ระยะห่างปุ่ม 1.6 รัศมีปุ่ม 0.45 ความสูงปุ่ม 0.35 วัสดุทั้งหมดให้ความรู้สึกเป็นพลาสติก LEGO (Principled, Roughness≈0.28, Coat≈0.25)
โครงสร้างที่ต้องมี:
อาคารหลักธนาคาร: อาคารหลักหินอ่อนขาว/เทาอ่อน (กว้าง 22 × สูง 15) มีลายเส้นอิฐแนวนอนบนด้านหน้า; ระเบียงหน้า 4 เสา (ฐานเสา + ลำเสา + แถบวงแหวน + หัวเสา) + คานบน; ประตูคู่สีน้ำตาลแบบเว้าเข้า + ลูกบิดทรงกลมสีทอง + กรอบประตูสีขาว; หน้าต่างช่องแสงวงกลมเหนือประตู (ซี่กากบาทสีทอง); ป้ายตัวอักษร 3D สีทอง "GRINGOTTS BANK" (วางระหว่างเสาด้านใน 2 ต้นเพื่อไม่ให้ถูกบัง); อาคารปีก 3 ชั้นทั้งสองด้าน (กรอบหน้าต่างขาว บัว ผิวหลังคามีปุ่ม)
รายละเอียดด้านหน้า: หน้าต่างกรอบดำเอียงออก 2 บาน + ราวระเบียงดำ; โคมไฟติดผนังเหล็กหล่อรวม 4 ดวงที่ผนังทางเข้าและอาคารปีก (วัสดุเปล่งแสง LampGlow)
หอคอยโดม: ฐานทรงกระบอกสีขาว (หน้าต่างเล็ก 8 บาน + วงแหวนบัว) + โดมครึ่งทรงกลมสีเขียว + ซี่โครงทองและลูกบอลยอดโดม
Ukrainian Ironbelly: ลำตัวสีเทาขาวนอนอยู่บนขอบหน้าของโดม ปีกเยื่อ 2 ชั้นด้านใน/นอก (มีคานขอบนำ นิ้วปีก กรงเล็บปีก) เขาและรูม่านตาสีทอง หนามสันหลัง แขนขา 4 ข้างที่ยึดเกาะพร้อมกรงเล็บทอง หางพันรอบโดม; พ่นไฟ 2 ชั้น (เปลวไฟชั้นนอกสีส้ม FireOuter + ชั้นในสีเหลืองสว่าง FireInner แบบเปล่งแสง); โซ่เหล็ก 9 ข้อจากคอถึงโดม
ด้านซ้าย · ร้านสัตว์เลี้ยงเวทมนตร์: หน้าร้านแดงเข้ม + ป้าย MENAGERIE สีทอง กรอบหน้าต่างเขียว หลังคาหน้าจั่วคู่สีเทา ยอดแหลมดำ 4 มุม ปล่องไฟสีส้ม ×2
ด้านขวา · อาคารต่อเติม: ผนังลายริ้วสีเบจ/ขาว 2 ชั้น หลังคาหน้าจั่วคู่ โคมติดผนัง ×2 นกฮูกตัวเล็กบนหลังคา
ส่วนใต้ดิน: เสาหินเรียงซ้อนเหลื่อมระดับ (วัสดุหินสีเทา 3 แบบ) รองรับแท่น; ประตูห้องนิรภัยวงกลมด้านหน้า (แผ่นประตูทอง + ซี่และดุมสีเทาเข้ม); ชุดรางรถเหมืองโค้ง 2 ชุด (ราง + หมอนไม้) + รถบรรทุกเหรียญทอง; วงรางระดับพื้น + เสารองรับราง; หินย้อย 8 ชิ้น โซ่ 3 เส้นห้อยใต้แท่น ลิฟต์กรงแขวนจากแขนยื่นด้านซ้าย; ขยายแท่นและรองรับด้วยหิน
พร็อพบรรยากาศ: ขั้นบันไดทางเข้า 4 ขั้น เสาไฟถนนเหล็กหล่อดำ 2 ต้น (หัวโคมเปล่งแสง LampGlow) แท่งทองและกองเหรียญที่ทางเข้า มินิฟิกเกอร์ LEGO 4 ตัว (นายธนาคารก็อบลิน พ่อมดชุดน้ำเงิน พ่อมดชุดเขียว ยามสวมหมวกเกราะ)
พื้น: ระนาบขนาดใหญ่ (สลับสีระหว่างเรนเดอร์สว่าง/มืด)
กล้อง: แนวตั้ง 620×800, 50mm, มุมมองด้านหน้าด้านข้าง 3/4; เฟรมต้องครอบคลุมตั้งแต่พื้นถึงยอดปีกมังกร

ส่วนที่ 2: ความผุพังของวัสดุ
เพิ่มโหนดความผุพังแบบโพรซีเจอร์ให้วัสดุ 10 แบบ — หินอ่อน อิฐขาว อิฐเทา หิน 3 แบบ สีเขียวโดม ผนังน้ำตาลแทน ลำตัวมังกร ปีกมังกร — (ไม่ใช้ UV; ใช้พิกัด Generated):
Noise Texture (Scale 3.5–8, Detail 6, Roughness 0.75) → ColorRamp (สีคราบเข้ม ↔ สีฐานเดิม) → Mix (MULTIPLY, Factor 0.35–0.6) → Base Color เพื่อสร้างคราบและรอยน้ำฝนซึม
Noise ความถี่สูงชุดที่สอง (Scale≈22) → Map Range → Roughness (แปรผันภายใน ±0.15/+0.45 ของค่าความหยาบเดิม)
เพิ่มตัวป้องกันการใช้ซ้ำ (ข้ามหากมีโหนดอยู่แล้ว)

ส่วนที่ 3: อารมณ์แสง 3 แบบและการเรนเดอร์
เรนเดอร์ PNG ขนาด 620×800 จำนวน 3 ภาพด้วยกล้องเดียวกัน โดยสลับกลุ่มแสง (EEVEE, เปิด raytracing, AgX คอนทราสต์ปานกลาง-สูง):
เวอร์ชันสว่าง gringotts_light.png: สภาพแวดล้อมโลกเกือบขาว (strength≈0.45), ไฟพื้นที่ DISK หลักสีขาวอุ่น + fill สีน้ำเงินเย็น + rim light ด้านบน (energy 350–750), พื้นเทาอ่อน คุณภาพภาพถ่ายสินค้า: พื้นที่ขาวไม่สว่างเกินไป เสาและด้านหน้าอาคารแยกแสงเงาชัดเจน
เวอร์ชันกลางคืน gringotts_dark.png: โลกสีน้ำเงินดำเข้ม (น้ำเงินเข้มมากที่ strength≈0.85), ไฟหลักแสงจันทร์น้ำเงินเย็น + fill เย็นอ่อน + แสงหน้าสีอุ่นจาง; เพิ่มการเปล่งแสงโคมถนน/ติดผนังเป็น 35–40 พร้อม point light อุ่น; แสงอุ่นที่ประตูนิรภัยและ point light ที่เปลวไฟ ภาพรวมต้องเห็นเส้นร่างได้ชัดพร้อมจุดเน้นแสงอุ่น
เวอร์ชันโถงทอง gringotts_golden.png (ให้ตรงกับบรรยากาศอ้างอิง): โลกโทนอุ่นมืด (0.035, 0.024, 0.012); area light ทองอุ่นกำลังแรงจากด้านบน (≈7000, สี 1.0/0.74/0.38 จำลองโคมระย้า) + แสงหน้าสีอุ่น + fill อุ่น; ลำแสง Spot สีน้ำเงินเย็นทั้งสองด้าน (≈10000–14000); Principled Volume ทรงลูกบาศก์ขนาดใหญ่ (Density≈0.0045, Anisotropy 0.35) ให้เห็นลำแสง; compositor Glare (Fog Glow, Threshold 1.0, Size 0.7) สำหรับ bloom; เปิด point light ของเทียน/ไฟทั้งหมด
หมายเหตุความเข้ากันได้ Blender 5.x: ใช้ scene.compositing_node_group สำหรับ compositor (node-group API; Type enum ของ Glare คือ 'Fog Glow'); การตั้งชื่อโหนดใหม่ได้รับผลจากภาษาหน้า UI จึงตั้ง use_translate_new_dataname = False ตอนเริ่มสคริปต์ หรือค้นหาโหนดด้วย n.type=='BSDF_PRINCIPLED'. แทนที่อาคารธนาคาร Gringotts ด้วยปราสาท Hogwarts: คงปุ่มอารมณ์แสง 3 ปุ่มและพรีเซ็ตกล้อง 4 แบบไว้ แต่เปลี่ยนเป็นภาพรวม หอคอย Great Hall หอดูดาว และโรงเรือ Black Lake; วัสดุผุพังและตรรกะสไลเดอร์ไฟ/โคมคงเดิม ส่วนที่ 4: คอนโซลแสงแบบโต้ตอบ (หน้าเว็บ)
เทคโนโลยี: Vite + Three.js (npm run dev ต้องเริ่มทำงานและส่งต่ออาร์กิวเมนต์ host/port) ส่งออกโมเดลจาก Blender ผ่าน glTF เป็น GLB (เฉพาะ mesh; แปลงข้อความเป็น mesh ก่อนส่งออก) สร้างเท็กซ์เจอร์ grunge.png ขนาด 512px จาก multi-octave noise ด้วย Python (PIL/numpy) ด้วย (พื้นเกือบขาว + รอยด่างเข้ม + รอยฝนแนวตั้ง)
ฟีเจอร์หน้าเว็บ (ต้องทำและตรวจสอบครบทั้งหมด):
แผงควบคุมกระจกฝ้าด้านซ้าย ชื่อ "Gringotts · Lighting Console"
ปุ่มอารมณ์แสง ×3: ☀️ Bright / 🌙 Night / 🏛️ Golden Hall — สอดคล้องกับชุดพารามิเตอร์แสง 3 ชุดในส่วนที่ 3 (สีพื้นหลัง hemisphere light สี-ความเข้ม-ตำแหน่งของ directional/spot light สีหมอก) โดยใช้ Golden Hall เป็นค่าเริ่มต้น
ปุ่มกล้อง ×4: Panorama / Front Facade / Dome Dragon / Underground Vault — กล้องเคลื่อนระหว่างตำแหน่งแบบ easing (OrbitControls เปิด damping)
สไลเดอร์ ×4: 🔥 Fire Intensity (emissiveIntensity ของวัสดุ Fire + point light เปลวไฟ), 🏮 Lamp Intensity (วัสดุ LampGlow + point light โคม 8 ดวง), 🌫️ Fog Density (ความหนาแน่น FogExp2 ปรับตามอารมณ์), 🕸️ Weathering Amount (วางเท็กซ์เจอร์ grunge เป็น map + ทำสีฐานเข้มขึ้น + เพิ่ม roughness; เอาออกทั้งหมดเมื่อเป็น 0)
ไฟและโคมมีแอนิเมชันกะพริบแบบสุ่ม; สวิตช์หมุนอัตโนมัติ
รองรับพารามิเตอร์ URL สำหรับสถานะโดยตรง (?mood=night&cam=vault&fire=1.5)
ใช้ ACESFilmic tone mapping, UI หน้ามืด, ไม่มีด่านล็อกอิน/ขอสิทธิ์, โต้ตอบได้ทันทีบนหน้าจอแรก
การตรวจสอบ: เริ่ม dev server ชั่วคราว ใช้ Chrome แบบ headless (--use-angle=swiftshader) แคปหน้าจอและตรวจสอบด้วยตา 3 สถานะ — Golden Hall เริ่มต้น, ?mood=night&cam=vault และ ?mood=bright&cam=dragon — เพื่อยืนยันว่าการเรนเดอร์ถูกต้อง; ต้องหยุดเซิร์ฟเวอร์หลังตรวจสอบ และสิ่งส่งมอบต้องมีลิงก์พรีวิว [http://localhost:7100/](http://localhost:7100/) และพาธโปรเจกต์แบบสัมบูรณ์

สิ่งส่งมอบ
gringotts_lego.blend — ฉากแก้ไขได้สมบูรณ์ (พร้อมวัสดุผุพังและแสง Golden Hall)
gringotts_light.png / gringotts_dark.png / gringotts_golden.png — เรนเดอร์ 3 อารมณ์
gringotts-web/ — คอนโซลแสงแบบโต้ตอบ (พร้อมโมเดล GLB และเท็กซ์เจอร์ grunge)
สคริปต์ bpy สำหรับขั้นตอนสร้างโมเดล/ปรับปรุง/เรนเดอร์ (ทำซ้ำได้)

ข้อห้ามด้านคุณภาพ
หลังเรนเดอร์ทุกครั้ง ให้เปิดภาพและตรวจสอบ: เฟรมครบถ้วน (ปีกมังกรไม่ถูกตัด), ส่วนสีขาวไม่สว่างเกินไป, อ่านรายละเอียดเงาได้, ป้ายไม่ถูกบัง; ปรับพารามิเตอร์และเรนเดอร์ใหม่หากข้อใดไม่ผ่าน
ตัวเลขต้องสอดคล้องกัน: ตำแหน่งไฟ/พิกัดกล้องใช้การแปลง Blender→Three.js (x, z, −y)
ห้ามแกล้งว่าทำสำเร็จ: เก็บข้อผิดพลาดเดิมของทุกขั้นที่ล้มเหลวและแก้ไข; ลองใหม่ได้ไม่เกิน 1 ครั้งก่อนเปลี่ยนวิธี

บทบาทและเป้าหมาย
คุณเป็นศิลปินเทคนิคที่เชี่ยวชาญทั้ง Blender (สคริปต์ bpy) และ Web 3D สมัยใหม่ (Three.js) ใช้การสร้างโมเดลแบบโพรซีเจอร์ใน Blender ภายในเครื่องเพื่อสร้างธนาคารพ่อมด Gringotts สไตล์ LEGO พร้อมวัสดุที่ผ่านการผุพังและเรนเดอร์ภายใต้อารมณ์แสง 3 แบบ จากนั้นส่งมอบคอนโซลเว็บแบบโต้ตอบสำหรับปรับอารมณ์แสงและรายละเอียดแบบเรียลไทม์ในเบราว์เซอร์
ตลอดงาน: บันทึกผลลัพธ์ทั้งหมดลงในเวิร์กสเปซปัจจุบัน เปิดและตรวจสอบผลเรนเดอร์ทุกภาพ แล้วปรับแก้ปัญหาที่พบ ก่อนส่งมอบหน้าเว็บ ให้เปิดและตรวจสอบจริงในเบราว์เซอร์จริงหรือแบบ headless และห้ามปล่อยเซิร์ฟเวอร์เบื้องหลังทำงานอยู่

อารมณ์อ้างอิง (ภาพอ้างอิง 2 ภาพ)
อ้างอิงการสร้างโมเดล: ภาพทางการของชุด LEGO 76417 Gringotts — ด้านหน้าอาคารหินอ่อนสีขาว + เสาระเบียงหน้า + ป้าย "GRINGOTTS BANK" + โดมสีเขียว + มังกร Ukrainian Ironbelly บนยอด + ห้องนิรภัยใต้ดินและรางรถเหมืองที่มีเสาหินรองรับด้านล่าง
อ้างอิงบรรยากาศ: คอนเซปต์อาร์ตโถงหินอ่อน Gringotts — หินอ่อนสีเข้มที่ผ่านการผุพัง เครื่องประดับทอง แสงทองอุ่นจากด้านบนของโคมระย้าคริสตัล ลำแสงเย็นผ่านหน้าต่างกลม แสงเทียนเป็นจุด คอนทราสต์แสงเงาจัดและแสงแบบปริมาตร

ส่วนที่ 1: สร้างฉาก (สคริปต์ Blender bpy รันในโหมดเบื้องหลัง -b --python)
มาตราส่วน: 1 หน่วย LEGO = 1 หน่วย Blender; ระยะห่างปุ่ม 1.6 รัศมีปุ่ม 0.45 ความสูงปุ่ม 0.35 วัสดุทั้งหมดให้ความรู้สึกเป็นพลาสติก LEGO (Principled, Roughness≈0.28, Coat≈0.25)
โครงสร้างที่ต้องมี:
อาคารหลักธนาคาร: อาคารหลักหินอ่อนขาว/เทาอ่อน (กว้าง 22 × สูง 15) มีลายเส้นอิฐแนวนอนบนด้านหน้า; ระเบียงหน้า 4 เสา (ฐานเสา + ลำเสา + แถบวงแหวน + หัวเสา) + คานบน; ประตูคู่สีน้ำตาลแบบเว้าเข้า + ลูกบิดทรงกลมสีทอง + กรอบประตูสีขาว; หน้าต่างช่องแสงวงกลมเหนือประตู (ซี่กากบาทสีทอง); ป้ายตัวอักษร 3D สีทอง "GRINGOTTS BANK" (วางระหว่างเสาด้านใน 2 ต้นเพื่อไม่ให้ถูกบัง); อาคารปีก 3 ชั้นทั้งสองด้าน (กรอบหน้าต่างขาว บัว ผิวหลังคามีปุ่ม)
รายละเอียดด้านหน้า: หน้าต่างกรอบดำเอียงออก 2 บาน + ราวระเบียงดำ; โคมไฟติดผนังเหล็กหล่อรวม 4 ดวงที่ผนังทางเข้าและอาคารปีก (วัสดุเปล่งแสง LampGlow)
หอคอยโดม: ฐานทรงกระบอกสีขาว (หน้าต่างเล็ก 8 บาน + วงแหวนบัว) + โดมครึ่งทรงกลมสีเขียว + ซี่โครงทองและลูกบอลยอดโดม
Ukrainian Ironbelly: ลำตัวสีเทาขาวนอนอยู่บนขอบหน้าของโดม ปีกเยื่อ 2 ชั้นด้านใน/นอก (มีคานขอบนำ นิ้วปีก กรงเล็บปีก) เขาและรูม่านตาสีทอง หนามสันหลัง แขนขา 4 ข้างที่ยึดเกาะพร้อมกรงเล็บทอง หางพันรอบโดม; พ่นไฟ 2 ชั้น (เปลวไฟชั้นนอกสีส้ม FireOuter + ชั้นในสีเหลืองสว่าง FireInner แบบเปล่งแสง); โซ่เหล็ก 9 ข้อจากคอถึงโดม
ด้านซ้าย · ร้านสัตว์เลี้ยงเวทมนตร์: หน้าร้านแดงเข้ม + ป้าย MENAGERIE สีทอง กรอบหน้าต่างเขียว หลังคาหน้าจั่วคู่สีเทา ยอดแหลมดำ 4 มุม ปล่องไฟสีส้ม ×2
ด้านขวา · อาคารต่อเติม: ผนังลายริ้วสีเบจ/ขาว 2 ชั้น หลังคาหน้าจั่วคู่ โคมติดผนัง ×2 นกฮูกตัวเล็กบนหลังคา
ส่วนใต้ดิน: เสาหินเรียงซ้อนเหลื่อมระดับ (วัสดุหินสีเทา 3 แบบ) รองรับแท่น; ประตูห้องนิรภัยวงกลมด้านหน้า (แผ่นประตูทอง + ซี่และดุมสีเทาเข้ม); ชุดรางรถเหมืองโค้ง 2 ชุด (ราง + หมอนไม้) + รถบรรทุกเหรียญทอง; วงรางระดับพื้น + เสารองรับราง; หินย้อย 8 ชิ้น โซ่ 3 เส้นห้อยใต้แท่น ลิฟต์กรงแขวนจากแขนยื่นด้านซ้าย; ขยายแท่นและรองรับด้วยหิน
พร็อพบรรยากาศ: ขั้นบันไดทางเข้า 4 ขั้น เสาไฟถนนเหล็กหล่อดำ 2 ต้น (หัวโคมเปล่งแสง LampGlow) แท่งทองและกองเหรียญที่ทางเข้า มินิฟิกเกอร์ LEGO 4 ตัว (นายธนาคารก็อบลิน พ่อมดชุดน้ำเงิน พ่อมดชุดเขียว ยามสวมหมวกเกราะ)
พื้น: ระนาบขนาดใหญ่ (สลับสีระหว่างเรนเดอร์สว่าง/มืด)
กล้อง: แนวตั้ง 620×800, 50mm, มุมมองด้านหน้าด้านข้าง 3/4; เฟรมต้องครอบคลุมตั้งแต่พื้นถึงยอดปีกมังกร

ส่วนที่ 2: ความผุพังของวัสดุ
เพิ่มโหนดความผุพังแบบโพรซีเจอร์ให้วัสดุ 10 แบบ — หินอ่อน อิฐขาว อิฐเทา หิน 3 แบบ สีเขียวโดม ผนังน้ำตาลแทน ลำตัวมังกร ปีกมังกร — (ไม่ใช้ UV; ใช้พิกัด Generated):
Noise Texture (Scale 3.5–8, Detail 6, Roughness 0.75) → ColorRamp (สีคราบเข้ม ↔ สีฐานเดิม) → Mix (MULTIPLY, Factor 0.35–0.6) → Base Color เพื่อสร้างคราบและรอยน้ำฝนซึม
Noise ความถี่สูงชุดที่สอง (Scale≈22) → Map Range → Roughness (แปรผันภายใน ±0.15/+0.45 ของค่าความหยาบเดิม)
เพิ่มตัวป้องกันการใช้ซ้ำ (ข้ามหากมีโหนดอยู่แล้ว)

ส่วนที่ 3: อารมณ์แสง 3 แบบและการเรนเดอร์
เรนเดอร์ PNG ขนาด 620×800 จำนวน 3 ภาพด้วยกล้องเดียวกัน โดยสลับกลุ่มแสง (EEVEE, เปิด raytracing, AgX คอนทราสต์ปานกลาง-สูง):
เวอร์ชันสว่าง gringotts_light.png: สภาพแวดล้อมโลกเกือบขาว (strength≈0.45), ไฟพื้นที่ DISK หลักสีขาวอุ่น + fill สีน้ำเงินเย็น + rim light ด้านบน (energy 350–750), พื้นเทาอ่อน คุณภาพภาพถ่ายสินค้า: พื้นที่ขาวไม่สว่างเกินไป เสาและด้านหน้าอาคารแยกแสงเงาชัดเจน
เวอร์ชันกลางคืน gringotts_dark.png: โลกสีน้ำเงินดำเข้ม (น้ำเงินเข้มมากที่ strength≈0.85), ไฟหลักแสงจันทร์น้ำเงินเย็น + fill เย็นอ่อน + แสงหน้าสีอุ่นจาง; เพิ่มการเปล่งแสงโคมถนน/ติดผนังเป็น 35–40 พร้อม point light อุ่น; แสงอุ่นที่ประตูนิรภัยและ point light ที่เปลวไฟ ภาพรวมต้องเห็นเส้นร่างได้ชัดพร้อมจุดเน้นแสงอุ่น
เวอร์ชันโถงทอง gringotts_golden.png (ให้ตรงกับบรรยากาศอ้างอิง): โลกโทนอุ่นมืด (0.035, 0.024, 0.012); area light ทองอุ่นกำลังแรงจากด้านบน (≈7000, สี 1.0/0.74/0.38 จำลองโคมระย้า) + แสงหน้าสีอุ่น + fill อุ่น; ลำแสง Spot สีน้ำเงินเย็นทั้งสองด้าน (≈10000–14000); Principled Volume ทรงลูกบาศก์ขนาดใหญ่ (Density≈0.0045, Anisotropy 0.35) ให้เห็นลำแสง; compositor Glare (Fog Glow, Threshold 1.0, Size 0.7) สำหรับ bloom; เปิด point light ของเทียน/ไฟทั้งหมด
หมายเหตุความเข้ากันได้ Blender 5.x: ใช้ scene.compositing_node_group สำหรับ compositor (node-group API; Type enum ของ Glare คือ 'Fog Glow'); การตั้งชื่อโหนดใหม่ได้รับผลจากภาษาหน้า UI จึงตั้ง use_translate_new_dataname = False ตอนเริ่มสคริปต์ หรือค้นหาโหนดด้วย n.type=='BSDF_PRINCIPLED'. เปลี่ยนข้อความทั้งหมดในคอนโซล — ชื่อ ปุ่ม สไลเดอร์ — เป็นภาษาอังกฤษ และเพิ่มคำบรรยายภาษาอังกฤษหนึ่งบรรทัดให้พรีเซ็ตกล้องทั้ง 4 แบบ (เช่น "The dragon never sleeps.") โดยสื่อสารถึงแฟน Harry Potter นานาชาติ พร้อมคงสไตล์ UI กระจกฝ้าสีเข้มไว้ ส่วนที่ 4: คอนโซลแสงแบบโต้ตอบ (หน้าเว็บ)
เทคโนโลยี: Vite + Three.js (npm run dev ต้องเริ่มทำงานและส่งต่ออาร์กิวเมนต์ host/port) ส่งออกโมเดลจาก Blender ผ่าน glTF เป็น GLB (เฉพาะ mesh; แปลงข้อความเป็น mesh ก่อนส่งออก) สร้างเท็กซ์เจอร์ grunge.png ขนาด 512px จาก multi-octave noise ด้วย Python (PIL/numpy) ด้วย (พื้นเกือบขาว + รอยด่างเข้ม + รอยฝนแนวตั้ง)
ฟีเจอร์หน้าเว็บ (ต้องทำและตรวจสอบครบทั้งหมด):
แผงควบคุมกระจกฝ้าด้านซ้าย ชื่อ "Gringotts · Lighting Console"
ปุ่มอารมณ์แสง ×3: ☀️ Bright / 🌙 Night / 🏛️ Golden Hall — สอดคล้องกับชุดพารามิเตอร์แสง 3 ชุดในส่วนที่ 3 (สีพื้นหลัง hemisphere light สี-ความเข้ม-ตำแหน่งของ directional/spot light สีหมอก) โดยใช้ Golden Hall เป็นค่าเริ่มต้น
ปุ่มกล้อง ×4: Panorama / Front Facade / Dome Dragon / Underground Vault — กล้องเคลื่อนระหว่างตำแหน่งแบบ easing (OrbitControls เปิด damping)
สไลเดอร์ ×4: 🔥 Fire Intensity (emissiveIntensity ของวัสดุ Fire + point light เปลวไฟ), 🏮 Lamp Intensity (วัสดุ LampGlow + point light โคม 8 ดวง), 🌫️ Fog Density (ความหนาแน่น FogExp2 ปรับตามอารมณ์), 🕸️ Weathering Amount (วางเท็กซ์เจอร์ grunge เป็น map + ทำสีฐานเข้มขึ้น + เพิ่ม roughness; เอาออกทั้งหมดเมื่อเป็น 0)
ไฟและโคมมีแอนิเมชันกะพริบแบบสุ่ม; สวิตช์หมุนอัตโนมัติ
รองรับพารามิเตอร์ URL สำหรับสถานะโดยตรง (?mood=night&cam=vault&fire=1.5)
ใช้ ACESFilmic tone mapping, UI หน้ามืด, ไม่มีด่านล็อกอิน/ขอสิทธิ์, โต้ตอบได้ทันทีบนหน้าจอแรก
การตรวจสอบ: เริ่ม dev server ชั่วคราว ใช้ Chrome แบบ headless (--use-angle=swiftshader) แคปหน้าจอและตรวจสอบด้วยตา 3 สถานะ — Golden Hall เริ่มต้น, ?mood=night&cam=vault และ ?mood=bright&cam=dragon — เพื่อยืนยันว่าการเรนเดอร์ถูกต้อง; ต้องหยุดเซิร์ฟเวอร์หลังตรวจสอบ และสิ่งส่งมอบต้องมีลิงก์พรีวิว [http://localhost:7100/](http://localhost:7100/) และพาธโปรเจกต์แบบสัมบูรณ์

สิ่งส่งมอบ
gringotts_lego.blend — ฉากแก้ไขได้สมบูรณ์ (พร้อมวัสดุผุพังและแสง Golden Hall)
gringotts_light.png / gringotts_dark.png / gringotts_golden.png — เรนเดอร์ 3 อารมณ์
gringotts-web/ — คอนโซลแสงแบบโต้ตอบ (พร้อมโมเดล GLB และเท็กซ์เจอร์ grunge)
สคริปต์ bpy สำหรับขั้นตอนสร้างโมเดล/ปรับปรุง/เรนเดอร์ (ทำซ้ำได้)

ข้อห้ามด้านคุณภาพ
หลังเรนเดอร์ทุกครั้ง ให้เปิดภาพและตรวจสอบ: เฟรมครบถ้วน (ปีกมังกรไม่ถูกตัด), ส่วนสีขาวไม่สว่างเกินไป, อ่านรายละเอียดเงาได้, ป้ายไม่ถูกบัง; ปรับพารามิเตอร์และเรนเดอร์ใหม่หากข้อใดไม่ผ่าน
ตัวเลขต้องสอดคล้องกัน: ตำแหน่งไฟ/พิกัดกล้องใช้การแปลง Blender→Three.js (x, z, −y)
ห้ามแกล้งว่าทำสำเร็จ: เก็บข้อผิดพลาดเดิมของทุกขั้นที่ล้มเหลวและแก้ไข; ลองใหม่ได้ไม่เกิน 1 ครั้งก่อนเปลี่ยนวิธี