3D रूबिक्स क्यूब ऐप
Wikiprompt से, मुफ्त प्रॉम्प्ट विश्वकोश
3D रूबिक्स क्यूब ऐप थ्री.जेएस का उपयोग करके एक इंटरैक्टिव 3D रूबिक्स क्यूब बनाने के लिए एक व्यापक प्रॉम्प्ट, जिसमें नियंत्रण, यूआई और स्मूथ एनिमेशन शामिल हैं।
प्रॉम्प्ट सामग्रीसहेजें
🌐
एक पूर्ण, इंटरैक्टिव 3D रूबिक्स क्यूब को Three.js का उपयोग करके एक ही HTML फ़ाइल में बनाएं।
यह क्या करता है
एक पूरी तरह कार्यात्मक 3D रूबिक्स क्यूब जिसे उपयोगकर्ता घुमा सकता है, स्क्रैम्बल कर सकता है, और हल कर सकता है। यह 3D गणित और एनीमेशन का एक दृश्य और इंटरैक्टिव प्रदर्शन है।
मुख्य विशेषताएं
1. 3D क्यूब
Three.js में रेंडर किया गया 3x3x3 रूबिक्स क्यूब
प्रत्येक फेस का एक अलग रंग होता है: सफेद, पीला, लाल, नारंगी, नीला, हरा
प्रत्येक छोटा क्यूब (क्यूबी) दृश्य स्पष्टता के लिए थोड़ा अलग किया गया है
अच्छी लाइटिंग के साथ चिकना, पॉलिश 3D रेंडरिंग
2. नियंत्रण
OrbitControls: व्यू को घुमाने के लिए क्लिक करें और ड्रैग करें, ज़ूम करने के लिए स्क्रॉल करें
"स्क्रैम्बल" बटन: यादृच्छिक चालों की एक श्रृंखला करता है (15-20 चालें)
"सॉल्व" बटन: स्क्रैम्बल चालों को स्वचालित रूप से उलट देता है
चाल की गति: एनीमेशन स्मूथ और संतोषजनक होना चाहिए
3. UI और HUD
नीचे बाईं ओर "स्क्रैम्बल" बटन
नीचे दाईं ओर "सॉल्व" बटन
मूव काउंटर: दिखाता है कि कितनी चालें चलाई गई हैं
एक साफ, डार्क ग्लास UI (डार्क मोड, आधुनिक सौंदर्य)
4. इंटरैक्शन
इसे घुमाने के लिए किसी फेस पर क्लिक करें (वैकल्पिक, लेकिन अच्छा होगा)
जब चाल चल रही हो तो विज़ुअल फीडबैक
एनीमेशन के दौरान कोई लैग नहीं
5. तकनीकी विवरण
CDN से Three.js का उपयोग करें
सभी कोड एक ही HTML फ़ाइल में
स्मूथ 60fps प्रदर्शन
माउस नियंत्रण: घुमाने के लिए ड्रैग करें, ज़ूम करने के लिए स्क्रॉल करें
कीबोर्ड शॉर्टकट: स्क्रैम्बल करने के लिए 'R', सॉल्व करने के लिए 'S'
एक पॉलिश, इंटरैक्टिव 3D रूबिक्स क्यूब बनाएं जिसे लोग वास्तव में खेलना चाहेंगे।
पूरा प्रॉम्प्ट देखने के लिए साइन इन करें
Continue with:
By logging in, you agree to our Terms of Use and Privacy Policy
उपयोग
यह प्रॉम्प्ट coding के साथ उपयोग के लिए डिज़ाइन किया गया है। ऊपर प्रॉम्प्ट सामग्री कॉपी करें और अपने पसंदीदा AI टूल में पेस्ट करें।
सर्वोत्तम परिणामों के लिए, आप अपनी विशिष्ट आवश्यकताओं के अनुसार प्लेसहोल्डर (वर्ग कोष्ठक या बड़े अक्षरों में दर्शाए गए) को अनुकूलित कर सकते हैं।
चर्चा
0 टिप्पणियाँ