कैनवास पर रूबिक्स क्यूब

5 × 5 क्यूब असेंबली एल्गोरिदम पर हालिया पोस्टों ने मुझे कैनवास पर क्यूब एमुलेटर लिखने के लिए प्रोत्साहित किया है। असेंबली के बारे में लेखों के लेखक ने ओपनजीएल पर अपने क्यूब की पेशकश की, लेकिन मुझे यह बहुत पसंद नहीं आया। उम्मीद है कि मेरे दोस्त के साथ कोई व्यक्ति एल्गोरिदम को तेज़ी से सीख सकेगा। कुछ विशेषताएं और लाभ:

• क्रॉस-प्लेटफ़ॉर्म, क्रॉस-ब्राउज़र (IE को ब्राउज़र नहीं माना जाता है), अनावश्यक इंस्टॉलर और वेब एप्लिकेशन के अन्य फायदे।
• 2 × 2 से अनंत तक ब्लॉकों का समर्थन (जब तक कि किनारे बहुत छोटे हो जाते हैं और प्रतिपादन गंभीर रूप से टूटना शुरू हो जाता है)। इंटरफ़ेस 11 × 11 तक है, लेकिन लाइब्रेरी में कोई प्रतिबंध नहीं हैं।
• सौंदर्य के लिए छद्म-ज्वालामुखी पहलू।
• अनंत पूर्ववत बफर।
• घन (शफल) को गूंथने की संभावना।
• परतें आसानी से और सहज रूप से घूमती हैं, आप जल्दी से इसके अभ्यस्त हो जाते हैं। संपूर्ण क्यूब को स्पिन करना आसान नहीं है (क्लैम्ड शिफ्ट की या सही बटन के साथ माउस का उपयोग करके), लेकिन आप इसकी आदत भी डाल सकते हैं।
• संपूर्ण लाइब्रेरी कॉम्पैक्ट है, जो एक ही js फ़ाइल में स्थित है और इसकी कोई बाहरी निर्भरता नहीं है।
• एमआईटी लाइसेंस, साथ ही खुला और बहुत डरावना स्रोत आपको अपनी साइट पर क्यूब डालने और इसे अपने स्वाद में संशोधित करने की अनुमति नहीं देता है।

मुझे नहीं पता कि यह विकास की विशेषताओं के बारे में बात करने लायक है या नहीं। यह काफी मुश्किलें थीं, लेकिन सभी काफी छोटी हैं। किसी कारण से मैं सजातीय निर्देशांक का उपयोग करने के लिए बहुत आलसी था, यही वजह है कि, विशेष रूप से, प्रक्षेपण ऑर्थोगोनल है, न कि परिप्रेक्ष्य। रेंडरिंग मॉडल भी थोड़ा अजीब है। सामान्य तौर पर, घन को 6, 12 या 18 चेहरों के रूप में दर्शाया जाता है, और प्रत्येक चेहरे का आकार ^ 2 तत्वों तक होता है, प्रत्येक तत्व एक वर्ग होता है। आंतरिक वर्गों पर, जो रोटेशन के दौरान दिखाई देते हैं, तत्व पूरे चेहरे पर केवल एक वर्ग है। 9 दृश्य किनारों पर यहां हस्ताक्षर किए गए हैं, शेष 9 उनके लिए सममित रूप से स्थित हैं:

सही क्रम में चेहरों को क्रमबद्ध करना भी आवश्यक था ताकि अदृश्य भागों को सही ढंग से हटाया जा सके। यहां सही क्रम रोटेशन के अक्ष के साथ है (यदि कोई रोटेशन नहीं है, तो आदेश महत्वहीन है)।

चेहरों की मात्रा अवैज्ञानिक है: यह कैनवास का सिर्फ एक गोलाकार ढाल है, जिसका केंद्र सामान्य की दिशा में विचलन करता है। ईमानदारी से विचार करें तो BRDF द्वारा रोशनी को इस कार्य के लिए अनुचित माना गया था।

मैं और क्या करना चाहता था, लेकिन आलस्य:

• कीबोर्ड नियंत्रण।
• माउस के साथ परतों को घुमाने से पहले, त्रुटियों की संख्या को कम करने के लिए घुमाए गए परत को उजागर करें। अब रोटेशन शुरू होता है यदि आप रोटेशन की दिशा में 50 पिक्सेल के लिए माउस को पकड़ते समय बटन को पकड़ते हैं। बैकलाइट को कम दूरी पर चालू किया जा सकता है, फिर उपयोगकर्ता समय में बंद हो जाएगा। शायद यह आवश्यक नहीं है, मेरे पास शायद ही त्रुटियां थीं।
• 2 × 2 घन को ठीक करें, किसी कारण से यह काम नहीं करता है। तय - धन्यवाद fllln
• एक परिप्रेक्ष्य प्रक्षेपण करें।
• सेविंग / लोडिंग (कुकीज़ में संभव)।
• IE6-8 के लिए समर्थन (शायद एक्वानवास में रेडियल ढाल काम नहीं करेगा)।

यदि कोई कुछ करना चाहता है, तो कृपया। यदि आपके पास कोड के बारे में प्रश्न हैं, तो पूछें, मुझे उत्तर देने में खुशी होगी।