การก่อสร้างฐานบนดวงจันทร์

ใช้ Three.js สร้างเว็บเพจคอนเซปต์ "การก่อสร้างฐานบนดวงจันทร์แบบเป็นระยะ" โดยสร้างโมเดลทั้งหมดด้วยวิธีเชิงกระบวนการ (ไม่ใช้ไฟล์โมเดลภายนอก) ข้อกำหนดสำคัญ: ฉากสไตล์ภาพยนตร์ที่มีสามเหลี่ยมรวมอย่างน้อย 3 ล้านรูป ให้คุณภาพทัดเทียมเรนเดอร์คอนเซปต์ของ NASA
แกนหลักของเวอร์ชันนี้: ไทม์ไลน์ระยะการก่อสร้าง — ระยะที่ 1: ยานลงจอดลดระดับลง (เครื่องยนต์พัดฝุ่นดวงจันทร์ให้ฟุ้งขึ้น) → ระยะที่ 2: แผงโซลาร์เซลล์กางออก → ระยะที่ 3: โมดูลทรงกระบอกถูกยกเข้าตำแหน่งและเชื่อมต่อกัน → ระยะที่ 4: โครงห้องโดยสารหลักทรงโดมถูกประกอบและปิดผนึก → ระยะที่ 5: รถสำรวจขับออกมา ฐานเริ่มปฏิบัติการและเปิดไฟเต็มรูปแบบ การลากไทม์ไลน์ต้องเลื่อนไปข้างหน้าและย้อนกลับได้ โดยการก่อสร้างต้องแสดงเป็นแอนิเมชันการประกอบจริง ไม่ใช่การเฟดสลับภาพ
ห้ามลดทอนรายละเอียดการสร้างโมเดล: โครงโดมต้องสร้างทีละคานยึด มีหน้าต่างช่องกลมและราวจับ แผงโซลาร์เซลล์ต้องสร้างทีละเซลล์ รวมถึงระบบกันสะเทือนและชุดล้อของรถสำรวจ หัวฉีดและทางลาดของยานลงจอด; บนพื้นผิวดวงจันทร์มีหลุมอุกกาบาต 2–3 หลุม อนุภาคเรโกลิธที่กระจัดกระจาย และรอยล้อ; ใช้ PBR เต็มรูปแบบ พร้อมโลหะสึกหรอที่เคลือบฝุ่นดวงจันทร์และฟอยล์สะท้อนแสงยับย่น — ห้ามมีลักษณะการ์ตูน
เกณฑ์การยอมรับ: 60 fps (ใช้ geometry ที่รวมกัน / instancing / LOD โดยคุณภาพที่มองเห็นไม่ลดลง) และไม่มีข้อผิดพลาดในคอนโซล; จับภาพหน้าจอด้วยตนเองเพื่อตรวจทุกระยะของแอนิเมชันการประกอบว่ามีการทะลุหรือซ้อนทับกันหรือไม่ ปรับแก้อย่างน้อย 3 รอบ และแก้ไขทุกจุดที่ยังไม่น่าพอใจก่อนตรวจซ้ำ
สิ่งที่ต้องส่งมอบ: แพ็กเกจโค้ดแบบครบถ้วนในตัว พร้อมแอสเซ็ต โมเดล พื้นผิว และโค้ดทั้งหมด ซึ่งพร้อมนำไป deploy ได้โดยตรง วางไว้ใน /output (แอสเซ็ตอยู่ใน /output/assets) ย้ายพื้นที่ก่อสร้างจากดวงจันทร์ไปยังดาวอังคาร: พื้นดินเปลี่ยนเป็นดินทรายสีแดงที่มีหิน ท้องฟ้าเปลี่ยนเป็นสีเหลืองน้ำตาล และยานลงจอดก่อให้เกิดพายุฝุ่นสีแดงขณะสัมผัสพื้น คงระยะการก่อสร้างเดิมไว้ (ลงจอด กางแผงโซลาร์เซลล์ เชื่อมต่อโมดูล ปิดผนึกโดม และปล่อยรถสำรวจ) รวมถึงการโต้ตอบกับไทม์ไลน์แบบเดิม และเพิ่มผิววัสดุที่ปกคลุมด้วยฝุ่น ข้อกำหนดสำคัญเพิ่มเติม (ฉบับแก้ไขครั้งที่สอง, 2026-09-11):
1) หน้าต้องรองรับการสลับภาษาจีน/อังกฤษด้วยคลิกเดียว: ข้อความ UI ปุ่ม การ์ดข้อมูล และป้ายประกาศทั้งหมดต้องมีครบสองภาษา โดยค่าเริ่มต้นเป็นภาษาจีน;
2) เกลารายละเอียดในมิติต่อไปนี้และตรวจด้วยภาพหน้าจอด้วยตนเองทุกข้อ: โมเดลต้องไม่ตัดกันหรือทะลุกัน (ตลอดทั้งแอนิเมชัน); รายละเอียดต้องสร้างความประหลาดใจ (รายละเอียดจิ๋วระดับ Easter egg เช่น ป้ายชื่อ หมายเลขซีเรียล และไฟแสดงสถานะ); วัสดุต้องให้ความรู้สึกหนักและสมจริง มีมิติความหนาจริง; การเคลื่อนไหวและเอฟเฟกต์ (อนุภาค แสงเรือง และการเคลื่อนกล้อง) ต้องให้ความรู้สึกแบบภาพยนตร์; UI ต้องประณีต (ตัวอักษร พื้นที่ว่าง ลำดับชั้น และสไตล์เข้มแบบมืออาชีพ)

ใช้ Three.js สร้างเว็บเพจคอนเซปต์ "การก่อสร้างฐานบนดวงจันทร์แบบเป็นระยะ" โดยสร้างโมเดลทั้งหมดด้วยวิธีเชิงกระบวนการ (ไม่ใช้ไฟล์โมเดลภายนอก) ข้อกำหนดสำคัญ: ฉากสไตล์ภาพยนตร์ที่มีสามเหลี่ยมรวมอย่างน้อย 3 ล้านรูป ให้คุณภาพทัดเทียมเรนเดอร์คอนเซปต์ของ NASA
แกนหลักของเวอร์ชันนี้: ไทม์ไลน์ระยะการก่อสร้าง — ระยะที่ 1: ยานลงจอดลดระดับลง (เครื่องยนต์พัดฝุ่นดวงจันทร์ให้ฟุ้งขึ้น) → ระยะที่ 2: แผงโซลาร์เซลล์กางออก → ระยะที่ 3: โมดูลทรงกระบอกถูกยกเข้าตำแหน่งและเชื่อมต่อกัน → ระยะที่ 4: โครงห้องโดยสารหลักทรงโดมถูกประกอบและปิดผนึก → ระยะที่ 5: รถสำรวจขับออกมา ฐานเริ่มปฏิบัติการและเปิดไฟเต็มรูปแบบ การลากไทม์ไลน์ต้องเลื่อนไปข้างหน้าและย้อนกลับได้ โดยการก่อสร้างต้องแสดงเป็นแอนิเมชันการประกอบจริง ไม่ใช่การเฟดสลับภาพ
ห้ามลดทอนรายละเอียดการสร้างโมเดล: โครงโดมต้องสร้างทีละคานยึด มีหน้าต่างช่องกลมและราวจับ แผงโซลาร์เซลล์ต้องสร้างทีละเซลล์ รวมถึงระบบกันสะเทือนและชุดล้อของรถสำรวจ หัวฉีดและทางลาดของยานลงจอด; บนพื้นผิวดวงจันทร์มีหลุมอุกกาบาต 2–3 หลุม อนุภาคเรโกลิธที่กระจัดกระจาย และรอยล้อ; ใช้ PBR เต็มรูปแบบ พร้อมโลหะสึกหรอที่เคลือบฝุ่นดวงจันทร์และฟอยล์สะท้อนแสงยับย่น — ห้ามมีลักษณะการ์ตูน
เกณฑ์การยอมรับ: 60 fps (ใช้ geometry ที่รวมกัน / instancing / LOD โดยคุณภาพที่มองเห็นไม่ลดลง) และไม่มีข้อผิดพลาดในคอนโซล; จับภาพหน้าจอด้วยตนเองเพื่อตรวจทุกระยะของแอนิเมชันการประกอบว่ามีการทะลุหรือซ้อนทับกันหรือไม่ ปรับแก้อย่างน้อย 3 รอบ และแก้ไขทุกจุดที่ยังไม่น่าพอใจก่อนตรวจซ้ำ
สิ่งที่ต้องส่งมอบ: แพ็กเกจโค้ดแบบครบถ้วนในตัว พร้อมแอสเซ็ต โมเดล พื้นผิว และโค้ดทั้งหมด ซึ่งพร้อมนำไป deploy ได้โดยตรง วางไว้ใน /output (แอสเซ็ตอยู่ใน /output/assets) ปรับหน้าให้เป็นฉบับวิทยาศาสตร์สำหรับเด็ก: เขียนข้อความอินเทอร์เฟซทั้งหมดใหม่ด้วยภาษาง่าย ๆ ที่เหมาะกับเด็กอายุ 8-12 ปี และเพิ่มการ์ดความรู้ให้การก่อสร้างแต่ละระยะ เพื่ออธิบายแนวคิดด้านอวกาศที่เกี่ยวข้องในหนึ่งหรือสองประโยค (เช่น เหตุใดจึงต้องใช้พลังงานแสงอาทิตย์ และโดมมีไว้ทำอะไร) โดยค่าเริ่มต้นเป็นภาษาจีน คงไทม์ไลน์และแอนิเมชันการประกอบไว้ตามเดิม ข้อกำหนดสำคัญเพิ่มเติม (ฉบับแก้ไขครั้งที่สอง, 2026-09-11):
1) หน้าต้องรองรับการสลับภาษาจีน/อังกฤษด้วยคลิกเดียว: ข้อความ UI ปุ่ม การ์ดข้อมูล และป้ายประกาศทั้งหมดต้องมีครบสองภาษา โดยค่าเริ่มต้นเป็นภาษาจีน;
2) เกลารายละเอียดในมิติต่อไปนี้และตรวจด้วยภาพหน้าจอด้วยตนเองทุกข้อ: โมเดลต้องไม่ตัดกันหรือทะลุกัน (ตลอดทั้งแอนิเมชัน); รายละเอียดต้องสร้างความประหลาดใจ (รายละเอียดจิ๋วระดับ Easter egg เช่น ป้ายชื่อ หมายเลขซีเรียล และไฟแสดงสถานะ); วัสดุต้องให้ความรู้สึกหนักและสมจริง มีมิติความหนาจริง; การเคลื่อนไหวและเอฟเฟกต์ (อนุภาค แสงเรือง และการเคลื่อนกล้อง) ต้องให้ความรู้สึกแบบภาพยนตร์; UI ต้องประณีต (ตัวอักษร พื้นที่ว่าง ลำดับชั้น และสไตล์เข้มแบบมืออาชีพ)