सिनेमैटिक 3D हॉबिटन पुनर्निर्माण प्रॉम्प्ट

पहला काम करने वाला संस्करण बनाएं - द लॉर्ड ऑफ द रिंग्स से हॉबिटन का एक सिनेमैटिक इंटरैक्टिव 3D मनोरंजन। यह एक अनौपचारिक फैन-मेड तकनीकी और दृश्य प्रयोग है जो मॉडल-तुलना वीडियो के लिए है। डाउनलोड की गई फिल्म फुटेज, फिल्म ऑडियो, आधिकारिक लोगो, कॉपीराइट कैरेक्टर मॉडल या मालिकाना 3D एसेट का उपयोग न करें। कोड और सरल मूल ज्यामिति से पर्यावरण को प्रोग्रामेटिक रूप से बनाएं। उपयोग करें: - Vite - TypeScript - Three.js - एक साफ मॉड्यूलर प्रोजेक्ट संरचना - एक सिंगल-पेज फुल-स्क्रीन वेब अनुभव - कोई बैकएंड नहीं हॉबिटन का एक सुंदर स्टाइलिज्ड लो-पॉली संस्करण बनाएं जो तुरंत शायर के रूप में पहचाना जा सके। पर्यावरण में शामिल होना चाहिए: - बड़ी लहरदार हरी पहाड़ियाँ - मुख्य पहाड़ी में बना एक प्रमुख बैग एंड-प्रेरित घर - गोल दरवाजे और खिड़कियों के साथ कई अतिरिक्त हॉबिट होल - घरों को जोड़ने वाले घुमावदार गंदगी वाले रास्ते - छोटी लकड़ी की बाड़ें - सब्जी उद्यान और फूलों की क्यारियाँ - एक बड़ा पार्टी ट्री - एक छोटा तालाब - एक पत्थर का पुल - दूर का गाँव क्षेत्र - दूरी में पहाड़ और वायुमंडलीय परिदृश्य - चिमनी का धुआं - चलती घास, पत्ते और बादल - गर्म दोपहर बाद की धूप - नरम छायाएं, वायुमंडलीय कोहरा और सिनेमैटिक गहराई एक सामान्य मध्ययुगीन गाँव न बनाएं। परिदृश्य, वास्तुकला और संरचना स्पष्ट रूप से हॉबिटन और शायर को उजागर करना चाहिए। नियंत्रण: - WASD आंदोलन - माउस-लुक कैमरा - तेजी से आगे बढ़ने के लिए Shift - एक वैकल्पिक स्वचालित सिनेमैटिक-टूर बटन - शुरुआती दृष्टिकोण पर लौटने के लिए एक बटन - एक न्यूनतम इंटरफ़ेस जिसे स्क्रीन रिकॉर्डिंग के लिए छिपाया जा सकता है प्रदर्शन: - सामान्य डेस्कटॉप ब्राउज़र में स्मूथ प्रदर्शन को लक्षित करें - दोहराई जाने वाली घास, फूल, पेड़ और बाड़ के लिए इंस्टेंसिंग का उपयोग करें - बड़ी बनावट और बाहरी मॉडल डाउनलोड से बचें - ज्यामिति और सामग्री स्थानीय रूप से उत्पन्न करें - एक लोडिंग स्क्रीन शामिल करें - विंडो रिसाइज़िंग को संभालें - यदि WebGL अनुपलब्ध है तो एक सहायक संदेश दिखाएं कोड लिखने से पहले: 1. एक संक्षिप्त कार्यान्वयन योजना बनाएं। 2. तय करें कि भूभाग, हॉबिट होम, वनस्पति और सिनेमैटिक लाइटिंग कैसे उत्पन्न की जाएगी। 3. फिर प्रोजेक्ट बनाएं। कार्यान्वयन के बाद: 1. सभी निर्भरताएं स्थापित करें। 2. डेवलपमेंट सर्वर चलाएं। 3. ब्राउज़र में परिणाम का निरीक्षण करें। 4. दिखाई देने वाली त्रुटियों और रनटाइम चेतावनियों को ठीक करें। 5. पुष्टि करें कि दृश्य लोड होता है और नियंत्रण काम करते हैं। 6. इसे फिर से चलाने के लिए सटीक कमांड के साथ एक छोटा README लिखें। प्लेसहोल्डर बनाने के बाद रुकें नहीं। एक कार्यात्मक और दृश्य रूप से सुसंगत पहला संस्करण तैयार करें।