รถแข่งคอนเซปต์ MOONSHOT

ใช้ Three.js สร้างหน้าเปิดตัวรถแข่งคอนเซปต์ โดยสร้างทั้งรถและฉากทั้งหมดด้วยโค้ด

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

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

การเรนเดอร์: ต้องมีเงาสะท้อนจากสภาพแวดล้อมสตูดิโอ เงาจริง bloom และระยะชัดลึกสำหรับภาพระยะใกล้ — ความน่าเชื่อถือของวัสดุคือสิ่งสำคัญสูงสุดของหน้านี้

ใช้ Three.js สร้างหน้าเปิดตัวรถแข่งคอนเซปต์ โดยสร้างทั้งรถและฉากทั้งหมดด้วยโค้ด

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

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

การเรนเดอร์: ต้องมีเงาสะท้อนจากสภาพแวดล้อมสตูดิโอ เงาจริง bloom และระยะชัดลึกสำหรับภาพระยะใกล้ — ความน่าเชื่อถือของวัสดุคือสิ่งสำคัญสูงสุดของหน้านี้