😃 ⛹🏻 🛀🏼 हम PHP में "मैट्रिक्स" से कोड खींचते हैं 🖌️ ⏹️ 👦🏼

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

तो, उत्पन्न चित्र के लिए निम्नलिखित आवश्यकताएं निर्धारित हैं:
1. कोड के कॉलम लंबाई में बराबर नहीं होने चाहिए, लंबाई को यादृच्छिक रूप से चुना जाना चाहिए
2. रंग की चमक ऊपर से नीचे तक बढ़नी चाहिए
3. स्तंभों की स्थिति यादृच्छिक होनी चाहिए, लेकिन उन्हें एक-दूसरे को ओवरलैप नहीं करना चाहिए
4. परिणामी छवि को ब्राउज़र द्वारा कैश नहीं किया जाना चाहिए, ताकि प्रत्येक अपडेट के साथ एक नया कोड प्राप्त हो
5. कोड चित्र से बाहर नहीं उड़ना चाहिए।

हम वास्तव में, तस्वीर की पीढ़ी के लिए आगे बढ़ते हैं।

पहले आपको कोड तत्वों के रूप में कार्य करने की आवश्यकता होगी। "मैट्रिक्स" में संख्या और काना (जापानी भाषा के शब्दांश वर्णमाला) का उपयोग किया गया था। उत्तरार्द्ध अधिक प्रभावशाली दिखते हैं, इसलिए, इसे लें।
चलो getJapanSym () फ़ंक्शन बनाते हैं जो HTML-Entity कोड (इमेजेटटेक्स्ट) (इसका उपयोग करता है, लेकिन बाद में उस पर अधिक) देता है।
यूनिकोड में, चैनल 0x3040 से 0x30FF तक के कोड की सीमा में है। इस सीमा से, एक यादृच्छिक चरित्र कोड लेना आवश्यक है। परिणामस्वरूप, हमें यह फ़ंक्शन मिलता है:

function getJapanSym() { $rnd = rand(hexdec("3040"), hexdec("30FF")); // -   , -    ,      0xXXXX    return "&#x".dechex($rnd).";"; //  HTML-Entity,   &#x30A2; }

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

 for ($i = 0; $i < $symCount; $i++) //  $symCount       { imagettftext( $img, //   10, //   0, //  ,    ,   0 $codePlacement, //  X,      $symPadding, //  Y,       hexdec("00".dechex($printCol)."00"), // ,      "./arial.ttf", //   .  PHP    getJapanSym() // , ,    HTML-Entity ); $symPadding += 15; //     Y   .   ,         }

पठनीयता और टिप्पणी के लिए, प्रत्येक पैरामीटर को एक अलग लाइन पर रखा गया है।

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

  $colorIncrement = round(254 / $symCount); $printCol = 16;

पहले चर, रंग वृद्धि, की गणना कॉलम में वर्णों की संख्या के सभी संभावित रंगों के अनुपात के रूप में की जाती है। यह वेतन वृद्धि प्रत्येक वर्ण को खींचने के बाद की जाएगी।
दूसरा चर, $ PrintCol, रंग ही है। प्रारंभिक रंग 16 है, और संयोग से नहीं। हेक्साडेसिमल संख्या प्रणाली में 16 10 है, अर्थात्, दो वर्ण हैं, और यह आवश्यक है ताकि रंग कोड प्रकार "00XX00" को "ब्रेक" न करें, हेक्साडेसिमल प्रणाली में ठीक 6 वर्ण।
अब हम अपने इनोवेशन का उपयोग मुख्य लूप में करते हैं:

 $colorIterate = round(254 / $symCount); $printCol = 16; for ($i = 0; $i < $symCount; $i++) { imagettftext($img, 10, 0, $codePlacement, $symPadding, hexdec("00".dechex($printCol)."00"), "./arial.ttf", getJapanSym()); $symPadding += 15; $printCol += $colorIncrement; //         }

अब यह साइट सही रंग के साथ काना के सुंदर प्रतीकों का एक तैयार स्तंभ प्रदर्शित करेगी। ध्यान दें कि निर्माण का उपयोग रंग सेट करने के लिए किया जाता है।

 hexdec("00".dechex($printCol)."00")

। शायद यह मूर्खतापूर्ण लगता है, लेकिन php में वेतन वृद्धि दशमलव में की जाती है, और हमें हेक्साडेसिमल में एक संख्या की आवश्यकता होती है, और, जैसा कि पहले उल्लेख किया गया है, हम केवल हरे रंग को बदलते हैं।

इसलिए, अब हमें "पूर्ण मैट्रिक्स" कोड प्राप्त करने के लिए इनमें से कुछ कॉलमों को आकर्षित करना होगा। मुझे लगता है कि इसके लिए कम स्पष्टीकरण की आवश्यकता होगी, और टिप्पणियों के साथ पर्याप्त कोड।

 $img = imagecreatetruecolor (500, 500); //    500x500.      . $position = 4; //       for ($rows = 0; $rows < 50; $rows++) //  49    (   ,    ) { $symPadding = rand(3, 450); //     Y    .       450,     $symCount = round((rand($symPadding + 100, 500) - $symPadding) / 17); // ,    ,            - $colorIncrement = round(254 / $symCount); //  ,    $printCol = 16; //  ,    $codePlacement = rand($position - 4, $position + 1); //       X,  ,    ,  ,        for ($i = 0; $i < $symCount; $i++) //  .   . { imagettftext($img, 10, 0, $codePlacement, $symPadding, hexdec("00".dechex($printCol)."00"), "./arial.ttf", getJapanSym()); $symPadding += 15; $printCol += $colorIncrement; } $position += 20; //  20       }

तो, हमारे पास पहले से ही तैयार "मैट्रिक्स" कोड है जो $ img वैरिएबल में है, यह केवल इसे प्रिंट करने के लिए ही रहता है। लेकिन यहाँ एक छोटी सी चाल है: ब्राउज़र पृष्ठभूमि को कैश करना पसंद करते हैं। इसलिए, उपयोगकर्ता को हर बार एक नई पृष्ठभूमि देखने के लिए, हेडर का उपयोग करके कैशिंग को प्रतिबंधित करना आवश्यक है। हम इसे इस तरह करते हैं:

 header("Cache-Control: no-store"); //    "" header("Expires: " . date("r")); //     header("Content-Type: image/png"); // ,    ,    imagepng ($img); //   imagedestroy($img); //       .

परिणामस्वरूप, हमें यह छवि यहां मिलती है:

आप पृष्ठ को रीफ़्रेश कर सकते हैं, हर बार स्क्रिप्ट नए कोड का उत्पादन करेगी

दुर्भाग्य से, फ़ायरफ़ॉक्स ब्राउज़र को पता नहीं है कि अपडेट के बाद पृष्ठभूमि को सही ढंग से कैसे प्रदर्शित किया जाए, और दो संस्करणों का विलय प्राप्त किया जाता है, बाकी ब्राउज़र ऐसे से पीड़ित नहीं होते हैं।

[UPD]: फॉन्ट के साथ और बिना मैट्रिक्स के स्रोत।

हम PHP में "मैट्रिक्स" से कोड खींचते हैं

More articles: