3 डी चित्र बनाना - एक प्रोटोटाइप सिस्टम

हेलो, हेब्र! संस्थान में, हमारे पास एक पाठ्यक्रम था 'वर्णनात्मक ज्यामिति' जिससे हमने सीखा कि एक साधारण कम्पास और शासक के साथ क्या दिलचस्प चीजें हो सकती हैं। तब से, त्रि-आयामी ड्राइंग निर्माण की भावना में कंप्यूटर पर कुछ करने का विचार नहीं छोड़ा गया है।

बहुत समय पहले मैं यह जानकर हैरान था कि मेरा लैपटॉप (सबसे नया और सबसे शक्तिशाली) वेबजीएल मानक का समर्थन करता है। कुछ प्रयासों के परिणामस्वरूप, 3D चित्र बनाने और प्रकाशित करने के लिए सिस्टम का एक प्रोटोटाइप प्राप्त किया गया था।

http://ewclid.headfire.ru/

एक दिलचस्प अवसर जो एहसास हुआ कि बिना किसी ड्राइवर और प्लग-इन के स्टीरियो में 3 डी टीवी पर चित्रण देखने का था। आउटपुट को साइड-बाय-साइड प्रारूप में सीधे ब्राउज़र से किया जाता है।

यह बहुत संभव है कि बहुत कम लोग ऑपरेशन में सिस्टम देख पाएंगे। मैं संभावित हबल प्रभावों और कानों को फैलाने वाले कानों के लिए माफी मांगता हूं - यह सिर्फ एक प्रोटोटाइप है। कौन सिस्टम के बारे में अधिक जानना चाहता है - कृपया लेख पढ़ें।

प्रोटोटाइप सुविधाएँ

फिलहाल, प्रोटोटाइप में निम्नलिखित विशेषताएं हैं:

• दृश्य PHP भाषा में बनाया गया है। तदनुसार, भाषा की सभी सुविधाएँ उपलब्ध हैं (चर, सरणियाँ, लूप, शर्तें, सहायक कार्य)। आप आदिम (बिंदु, खंड, वेक्टर, बॉक्स, एक ही विमान, गोला, शंकु, सिलेंडर) का उपयोग करके 3 डी दृश्य बना सकते हैं।
• ऑब्जेक्ट विभिन्न रंगों के हो सकते हैं (यह ग्रे, लाल, नीला, हरा, पीला) का उपयोग करने के लिए अनुशंसित है। इसके अलावा, मनमानी पारदर्शिता को सौंपा जा सकता है (पूरी तरह से अपारदर्शी से पूरी तरह पारदर्शी तक)।
• अंतरिक्ष में स्वयं और काम करने वाली समन्वय प्रणाली दोनों को जगह देना और घुमाना संभव है (यह सुविधाजनक है जब सभी निर्माण सही कोण पर और सही बिंदु पर किए जाने की आवश्यकता होती है)
• आप साधारण एनीमेशन जोड़ सकते हैं। हालांकि यह केवल ऑब्जेक्ट को प्रदर्शित करने, ऑब्जेक्ट को छिपाने, एक पाठ टिप्पणी प्रदर्शित करने, दृश्य को प्रदर्शित करने के लिए कुछ समय के लिए रोकने के लिए संभव है।
• जो कुछ भी बनाया जाता है उसे कई मोड में देखा जा सकता है। (नीचे देखें)
• दृश्य को माउस से नियंत्रित किया जा सकता है। आप दृश्य को घुमा सकते हैं, ज़ूम इन कर सकते हैं, हटा सकते हैं, रोटेशन का एक नया केंद्र निर्दिष्ट कर सकते हैं। स्टीरियो मोड में, बाईं आंख के लिए केवल दृश्य माउस पर प्रतिक्रिया करता है (क्रॉस-साइट मोड में, यह दाईं ओर है!)।

3D दृश्य दृश्य मोड:

• मोनो मोड - एक खिड़की।
• क्रॉस-दृष्टि - बाईं आंख के लिए, दृश्य दाईं ओर है, दाईं ओर - बाईं ओर।
• स्टीरियो टीवी मोड - साइड-बाय-साइड मोड। दाईं आंख दाईं, बाईं आंख बाईं तरफ। दोनों चित्र आधे में क्षैतिज रूप से संकुचित हैं।
• सभी मोड में पूर्ण स्क्रीन (स्टीरियो-टीवी मोड में प्रकट होने की क्षमता है, इसके बिना कुछ भी नहीं चलेगा)
• एक स्रोत कोड है जहां हर कोई देख सकता है कि किन टीमों ने दृश्य बनाया

एक ड्राइंग बोर्ड के बारे में

दृश्यों पर, एक स्वैच्छिक ड्राइंग बोर्ड एक पृष्ठभूमि के रूप में मौजूद हो सकता है। बोर्ड पर A0 प्रारूप में कागज की एक शीट है। मैंने पेड़ को पेड़ की तरह दिखने की कोशिश की, और कागज पर - कागज। यदि आप बारीकी से देखते हैं, तो आप चार कोनों पर पिन देख सकते हैं।



मुझे लगता है कि बोर्ड उपयोगी है - यह समन्वय प्रणाली सेट करता है, अंतरिक्ष और पैमाने की भावना देता है। उसकी पृष्ठभूमि पर चित्र बेहतर दिखते हैं। डिफ़ॉल्ट रूप से, निर्देशांक का केंद्र शीट का केंद्र है। आयाम मिलीमीटर (शीट आयाम, क्रमशः, 841 × 1189) में दिए गए हैं। यदि आप Z=0 सेट करके निर्माण करेंगे, तो निर्माण पेपर प्लेन में होगा। खैर, जो कोई भी मात्रा में जाता है उसे गैर-शून्य जेड-मूल्यों का उपयोग करना चाहिए।

मैं यह भी कहना चाहता हूं कि जिन प्राथमिकताओं में मोटाई नहीं है - जैसे कि एक बिंदु, एक वेक्टर, एक खंड - अभी भी वॉल्यूम बॉडी के रूप में लागू किया जाता है - यह मुझे और अधिक शानदार लगता है।

डेमो चित्रण

सिस्टम की क्षमताओं को दिखाने के लिए, कई डेमो दृश्य बनाए गए थे। चित्र स्वयं मुख्य पृष्ठ पर प्रदर्शित नहीं होते हैं। उन्हें देखने के लिए, आपको प्रकाशन में प्रवेश करना होगा।

डेमो 1. आदिम।


डेमो 2. कंपाउंड ऑब्जेक्ट।


डेमो 3. एक्स 3 डी प्रारूप में ऑब्जेक्ट।


डेमो 4. एनिमेशन। टेट्राहेड्रॉन का निर्माण। (एनीमेशन दृश्य के ऊपरी बाएं कोने में शामिल है)।


मैं डेमो 3 के स्रोत कोड को लाता हूं ताकि यह स्पष्ट हो कि कैसे बिल्ड लगभग किए जाते हैं।

 ###3D### function zzCustomLamp($place, $color) { zzSetCoord($place); zzLamp('', array(0,0,0)); for ($i=1; $i<=6; $i++) { zzSetStyle($color, $i/7); zzCircle('', array(0,0,$i*40), 50+$i*10); } } zzDesk(); zzCustomLamp(array(-200,-200,0),'red'); zzCustomLamp(array(-200,200,0),'green'); zzCustomLamp(array(200,-200,0),'blue'); zzCustomLamp(array(200,200,0),'gray'); 

एक 3 डी टीवी पर टेस्ट

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

ड्रॉ करने के इच्छुक लोगों के लिए निर्देश

निम्नलिखित जानकारी उन लोगों के लिए है जो अपने दम पर आकर्षित करना चाहते हैं। आपको लॉगिन एडिटर के नीचे लॉग इन करना होगा (पासवर्ड लॉगिन के समान है)। फिर चयन करें - प्रकाशन बनाएं, 3 डी दृश्य। सामग्री बनाने के लिए विंडो में, आप कमांड टाइप कर सकते हैं। बहुत पहली चीज लाइन ###3D### साथ मुख्य सामग्री से PHP कोड को अलग करना है। फिर zzDesk(); टाइप करें zzDesk(); - यदि आप एक ड्राइंग बोर्ड प्रदर्शित करना चाहते हैं। और फिर - कमांड दर्ज करें।

परियोजना का एक लक्ष्य दृश्य निर्माण भाषा को यथासंभव सरल बनाना था। नीचे वर्तमान में उपलब्ध आदेशों की एक पूरी सूची है।

 // ###3D### -   PHP- $place=array( $x, $y, $z ) $size=array( $dx, $dy , $dz ) $rotation = array ( $axis_x, $axis_y, $axis_z, $angle) // $angle   ,     . $color = 'gray' 'red' 'green' 'blue' 'yellow' $transparent = 0..1 ( – 1 –  ). $emissive = true –    $id = 'circle01' -   //    , //     $id_comment = 'com01' -   //         //  id,     //       //    function zzSetHide(); //     (  ) function zzSetShow(); //     function zzSetStyle($color, {$transparent}, {$emissive} ); //     function zzSetCoord($center, {$rotation} ); //     //   function zzDesk(); //   function zzPoint($id, $place) ; //  function zzLine($id, $pBegin, $pEnd); //  function zzVector($id, $pBegin, $pEnd); //  (   ) function zzCircle($id, $place, $radius, {$rotation} ) ; //  function zzBox($id, $place, $size, {$rotation} ) ; //  (  ) function zzSphere($id, $place, $radius) ; //  function zzCone($id, $place, $radius, $height, {$rotation} ); //  function zzCylinder($id, $place, $radius, $height, {$rotation} ) ; //  function zzLamp($id, $place) ; // ,  x3d (  teapot –   ) //  function zzStepHide($id); //  function zzStepShow($id); //  function zzStepComment($comment_id); //   function zzStepCommentHide($comment_id); //    ( ) function zzStepPause(); //   (  2 ) 

यदि अचानक आपको एक खाली दृश्य, या पूरी तरह से खाली ब्राउज़र विंडो मिलती है - तो कोड में कुछ गलत है। माफ कीजिए, त्रुटि से निपटने की प्रणाली अपनी प्रारंभिक अवस्था में है। इसका प्रकाशन बैक बटन के साथ या प्रकाशन पहचानकर्ता के बाद पता बार में संपादन संपादित करके किया जा सकता है।

प्रोटोटाइप में क्या लागू नहीं किया जा सकता है

कई संभावनाएं प्रोटोटाइप के दायरे से परे थीं, हालांकि उन्हें लागू करने के इरादे थे।

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

हुड के नीचे एक नज़र डालें

हुड के तहत: एक सीएमएस के रूप में - Drupal 6 , एक WebGL लाइब्रेरी के रूप में - x3dom (xFreedom के रूप में पढ़ें)। उन दोनों को थोड़ा संशोधित किया गया था। क्या किया गया है:

• बेहतर X3dom लाइब्रेरी। संशोधन का अर्थ स्टीरियो मोड में उपयोग के लिए दो प्रकार के सिंक्रनाइज़ेशन बनाना है। इसके अलावा, स्टीरियो टीवी मोड में, क्षैतिज रूप से दृश्य को संपीड़ित करना आवश्यक था।
• एपीआई को लागू करने के लिए ड्रुपल के लिए एक मॉड्यूल बनाया गया था। 3D कोड को पहचानने के लिए एक Drupal फ़िल्टर बनाया गया था, और स्क्रीन प्रदर्शित करने के लिए Drupal थीम को थोड़ा सुधार दिया गया था।
• एनीमेशन को नियंत्रित करने के लिए सरल जावास्क्रिप्ट कोड बनाया गया था। PHP और जावास्क्रिप्ट से कुछ और बाइंडिंग, ताकि सब कुछ एक साथ काम करे।

सिस्टम को बेहतर बनाने और ज्ञान के विभिन्न क्षेत्रों से 3 डी दृश्यों को जोड़ने की इच्छा है। बेशक, मैं कई चीजों को और अधिक सक्षम रूप से करना चाहूंगा। उदाहरण के लिए, मुझे अलग से दो प्रजातियों के लिए एक दृश्य का निर्माण करना होगा। मैं दो प्रकारों के बीच वस्तुओं को साझा करने के अवसर का उपयोग नहीं कर सका। अगर हेबर मुझे किसी भी पुस्तकालयों और छोटे तरीकों के विकल्प के लिए प्रेरित करेगा, तो मैं बहुत आभारी रहूंगा।