ฐานดวงจันทร์ว็อกเซล

สร้างฉาก Three.js แบบโต้ตอบได้: ฐานดวงจันทร์แห่งอนาคตที่เรนเดอร์ด้วยศิลปะว็อกเซล นำเสนอเป็นไดโอรามาตั้งโต๊ะ ฐานตั้งอยู่บนโต๊ะไม้ในห้องที่ผนังเป็นท้องฟ้าดาวแบบพิกเซลอาร์ต มีโลกพิกเซลขนาดใหญ่ติดอยู่บนผนังด้านหลังและค่อย ๆ เคลื่อนขึ้นตามเวลาของวันบนดวงจันทร์ มุมมองเริ่มต้นคือคนยืนอยู่ตรงขอบหน้าของโต๊ะ มองลงมายังโมเดล

ทุกสิ่งบนโต๊ะสร้างจากลูกบาศก์ขนาดหนึ่งหน่วย พร้อมการตัดทิ้งพื้นผิวที่มองไม่เห็น การบังแสงรอบข้างรายจุดยอด การไล่สีแบบ dither รายว็อกเซล และการสร้างเมชแบบแบ่งชังก์ เพื่อให้ฉากลื่นไหลแม้มีว็อกเซลนับล้าน ไดโอรามาต้องมีบล็อกว็อกเซลแยกชิ้นอย่างน้อย 5,000,000 บล็อก

ฐานควรให้ความรู้สึกหนาแน่นและมีผู้คนอยู่อาศัย: พื้นผิวเรโกลิธเป็นลูกคลื่นพร้อมหลุมอุกกาบาต ก้อนหิน และรอยล้อยาน; โดมที่อยู่อาศัยเรืองแสงเชื่อมด้วยอุโมงค์; หอควบคุม; เรือนกระจก; ฐานปล่อยจรวดที่มีจรวดและลานจอดยานฮอปเปอร์ขนาดเล็ก; ฟาร์มพลังงานแสงอาทิตย์; เตาปฏิกรณ์พร้อมแผงระบายความร้อน; ถังเชื้อเพลิงขับดัน; โรงงานแปรรูปเรโกลิธ; จานรับสัญญาณวิทยุ; โรงเก็บรถสำรวจ; ลานตู้คอนเทนเนอร์พร้อมเครน; ไฟสปอตไลต์และแถบไฟอยู่ทั่วทุกแห่ง

รางวิศวกรรมยกระดับเป็นวงวนล้อมรอบฐานทั้งหมด และรถไฟขนส่งบนดวงจันทร์ (หัวรถจักรพร้อมตู้บรรทุกแร่) วิ่งบนรางอย่างต่อเนื่อง ผ่านเครนสะพานสำหรับขนถ่ายที่โรงงานและสถานีขนส่งขนาดเล็กด้านหน้า

ฉากมีชีวิตชีวา: นักบินอวกาศเดินระหว่างโมดูล รถสำรวจวิ่งบนถนนพร้อมฝุ่นฟุ้ง ยานฮอปเปอร์บินระหว่างลานจอด จานรับสัญญาณหมุน เครนทำงาน โดรนบินวนรอบหอคอย หุ่นยนต์ทำเหมืองขุดในหลุมอุกกาบาต วงจรกลางวัน/กลางคืนอันยาวนานทำให้เกิดเงาคมชัดและภาพโลกโผล่ขึ้นขอบฟ้า; สามารถเปิดฝนอุกกาบาตและพายุฝุ่นได้ตามต้องการ เปลี่ยนฐานดวงจันทร์เป็นฐานบนดาวอังคาร: ภูมิประเทศทะเลทรายสีแดงที่มีพายุฝุ่นเป็นระยะ เงาร่างของภูเขา Olympus Mons อยู่ไกลออกไป Phobos และ Deimos ขึ้นสลับกันแทนโลก และใช้โทนสีส้มอบอุ่นสำหรับฐาน การคลิกสิ่งต่าง ๆ ต้องเกิดการตอบสนองและกล้องบินไปยังจุดนั้น: จรวดปล่อยตัว หอคอยสลับเปิด/ปิดไฟทั้งหมด โรงเก็บรถส่งรถสำรวจออกลาดตระเวน ลานจอดเรียกยานฮอปเปอร์ เรือนกระจกสลับไฟปลูกพืช นักบินอวกาศโบกมือแล้วเดินจากไป สามารถติดตามรถไฟได้ และการคลิกพื้นทำให้เกิดระลอกฝุ่น

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

UI: แถบเครื่องมือไซไฟด้านล่างเพียงแถบเดียว (หยุดชั่วคราว, ความเร็ว, แถบเลื่อนเวลา, วงจรกลางวัน, ปล่อยจรวด, ฮอปเปอร์, ลาดตระเวน, อุกกาบาต, พายุ, ไฟ, ป้ายกำกับ, เงา, เสียง, รีเซ็ต, วิธีใช้) และโอเวอร์เลย์กำลังโหลดระหว่างสร้างโลก ห้ามมีสิ่งใดลอยหรือทะลุผ่านกัน ใช้สีสันสดใสและรายละเอียดมาก ใช้ Three.js r128; พื้นผิว โปสเตอร์ และเอฟเฟ็กต์เสียงสามารถเป็นไฟล์แอสเซ็ตแยกต่างหากได้

สร้างฉาก Three.js แบบโต้ตอบได้: ฐานดวงจันทร์แห่งอนาคตที่เรนเดอร์ด้วยศิลปะว็อกเซล นำเสนอเป็นไดโอรามาตั้งโต๊ะ ฐานตั้งอยู่บนโต๊ะไม้ในห้องที่ผนังเป็นท้องฟ้าดาวแบบพิกเซลอาร์ต มีโลกพิกเซลขนาดใหญ่ติดอยู่บนผนังด้านหลังและค่อย ๆ เคลื่อนขึ้นตามเวลาของวันบนดวงจันทร์ มุมมองเริ่มต้นคือคนยืนอยู่ตรงขอบหน้าของโต๊ะ มองลงมายังโมเดล

ทุกสิ่งบนโต๊ะสร้างจากลูกบาศก์ขนาดหนึ่งหน่วย พร้อมการตัดทิ้งพื้นผิวที่มองไม่เห็น การบังแสงรอบข้างรายจุดยอด การไล่สีแบบ dither รายว็อกเซล และการสร้างเมชแบบแบ่งชังก์ เพื่อให้ฉากลื่นไหลแม้มีว็อกเซลนับล้าน ไดโอรามาต้องมีบล็อกว็อกเซลแยกชิ้นอย่างน้อย 5,000,000 บล็อก

ฐานควรให้ความรู้สึกหนาแน่นและมีผู้คนอยู่อาศัย: พื้นผิวเรโกลิธเป็นลูกคลื่นพร้อมหลุมอุกกาบาต ก้อนหิน และรอยล้อยาน; โดมที่อยู่อาศัยเรืองแสงเชื่อมด้วยอุโมงค์; หอควบคุม; เรือนกระจก; ฐานปล่อยจรวดที่มีจรวดและลานจอดยานฮอปเปอร์ขนาดเล็ก; ฟาร์มพลังงานแสงอาทิตย์; เตาปฏิกรณ์พร้อมแผงระบายความร้อน; ถังเชื้อเพลิงขับดัน; โรงงานแปรรูปเรโกลิธ; จานรับสัญญาณวิทยุ; โรงเก็บรถสำรวจ; ลานตู้คอนเทนเนอร์พร้อมเครน; ไฟสปอตไลต์และแถบไฟอยู่ทั่วทุกแห่ง

รางวิศวกรรมยกระดับเป็นวงวนล้อมรอบฐานทั้งหมด และรถไฟขนส่งบนดวงจันทร์ (หัวรถจักรพร้อมตู้บรรทุกแร่) วิ่งบนรางอย่างต่อเนื่อง ผ่านเครนสะพานสำหรับขนถ่ายที่โรงงานและสถานีขนส่งขนาดเล็กด้านหน้า

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

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

UI: แถบเครื่องมือไซไฟด้านล่างเพียงแถบเดียว (หยุดชั่วคราว, ความเร็ว, แถบเลื่อนเวลา, วงจรกลางวัน, ปล่อยจรวด, ฮอปเปอร์, ลาดตระเวน, อุกกาบาต, พายุ, ไฟ, ป้ายกำกับ, เงา, เสียง, รีเซ็ต, วิธีใช้) และโอเวอร์เลย์กำลังโหลดระหว่างสร้างโลก ห้ามมีสิ่งใดลอยหรือทะลุผ่านกัน ใช้สีสันสดใสและรายละเอียดมาก ใช้ Three.js r128; พื้นผิว โปสเตอร์ และเอฟเฟ็กต์เสียงสามารถเป็นไฟล์แอสเซ็ตแยกต่างหากได้