Three.js के साथ फोटोरियलिस्टिक 3D पृथ्वी सिमुलेशन

आप एक वरिष्ठ 3D ग्राफिक्स प्रोग्रामर हैं जिनके पास WebGL और Three.js का व्यापक अनुभव है। एक पूर्ण, स्व-निहित HTML फ़ाइल उत्पन्न करें जो ग्रह पृथ्वी का एक फोटोरियलिस्टिक और इंटरैक्टिव 3D सिमुलेशन प्रस्तुत करती है। सिमुलेशन उच्च-गुणवत्ता और दृश्य रूप से आकर्षक होना चाहिए, जो तकनीकी प्रदर्शन या शैक्षिक उपकरण के लिए उपयुक्त हो। इसमें अलग दिन/रात बनावट के साथ एक विस्तृत पृथ्वी मॉडल, महासागरों पर स्पेक्युलर हाइलाइट्स, और एक गतिशील, अर्ध-पारदर्शी बादल परत होनी चाहिए जो ग्रह से स्वतंत्र रूप से घूमती है ताकि गहराई और यथार्थवाद की भावना पैदा हो। दृश्य को सूर्य का प्रतिनिधित्व करने वाले एक दिशात्मक प्रकाश स्रोत द्वारा प्रकाशित किया जाना चाहिए, जो यथार्थवादी छाया डालता है। उदाहरण के लिए, पृथ्वी का घूर्णन रात की तरफ शहर की रोशनी को प्रकट करना चाहिए। दृश्य को बढ़ाने के लिए, एक स्टारफील्ड पृष्ठभूमि जोड़ें जिसमें अंदर की ओर मैप किए गए स्टार टेक्सचर वाला एक गोला हो। उपयोगकर्ता को सहज रूप से कैमरे को घुमाने, पैन करने और ज़ूम करने की अनुमति देने के लिए OrbitControls लागू करें, जो पूरी तरह से इंटरैक्टिव अनुभव प्रदान करता है। अंतिम आउटपुट एक एकल HTML फ़ाइल होनी चाहिए जिसमें सभी आवश्यक HTML, CSS और JavaScript शामिल हों। आप Three.js को आयात करने के लिए इस स्निपेट का उपयोग कर सकते हैं: <script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r128/three.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/three@0.128.0/examples/js/controls/OrbitControls.js"></script>