किसी साइट के लिए चिनाई का निर्माण करना

सिडज़ेको कंपनी रेकोनस्ट्रॉय संगठन की साइट का समर्थन कर रही है, जो सेंट्रल ब्लैक अर्थ रीजन में ईंटों, टाइल्स, वास्तुशिल्प सजावट और कई अन्य निर्माण सामग्री को बेचता और वितरित करता है।

साइट पर काम करने की प्रक्रिया में, एक चिनाई डिजाइनर का विचार आया।

जर्मन चिंता "फेल्डहॉस क्लिंकर" में ईंट "वस्कू मिक्स" और "सिंट्रा मिक्स" का एक मॉडल रेंज है, जो विशेष रूप से विभिन्न अनुपातों में मिश्रण करने और एक अद्वितीय चिनाई पैटर्न बनाने के लिए डिज़ाइन किया गया है। उनके लिए त्वरित मिक्स पोटीन की एक संख्या है, जो ईंटों के बीच चिनाई जोड़ों को कोटिंग करते समय उपयोग की जाती है। इस दृष्टिकोण को प्रदर्शित करने के लिए, हमने एक ईंटवर्क डिजाइनर बनाने का फैसला किया, जिसे मैंने RuNet में अभी तक एनालॉग नहीं देखा है (मुझे उदाहरण देखकर खुशी होगी)।





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

शराबी मास्टर मोड - के लिए मज़ा:

प्रक्रिया है

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

इसलिए ...

मुख्य चरण

हम चिनाई के सभी संभव फोटो लेते हैं जो हम केवल कंपनी की विज्ञापन सामग्री में पा सकते हैं, हमारी तस्वीरें जोड़ सकते हैं।

हम ईंटों को काटते हैं, उन्हें पारदर्शी क्षेत्रों के साथ क्लिपिंग करते हैं।

हम ईंटों की छवियों को एक आकार में लाते हैं। प्रत्येक मॉडल से, हमें कुछ वास्तविक फ़ोटो चाहिए ताकि परिणाम उबाऊ न हो।



वर्चुअल चिनाई वास्तविक एक ही क्रम में नहीं बनाई जा रही है :-)
इसलिए, पहले हम पूरे क्षेत्र को एक सीम चित्र के साथ भरते हैं, इसे वांछित चित्र आकार में गुणा करते हैं।



फिर ईंटों की परत को भरें, जिसमें लाइन के विभिन्न मॉडल सही अनुपात में मिश्रित होते हैं। यहां तक ​​कि पंक्तियों को विषम से क्षैतिज रूप से आधा ईंट द्वारा स्थानांतरित किया जाता है। (व्यवसाय प्रेमियों के लिए अन्य चिनाई चित्र हैं, लेकिन अभी तक यह समय सीमा तय करने के लिए क्लासिक एक पर रहने का निर्णय लिया गया है।)



यह रोकना संभव होगा, लेकिन यह बहुत परिष्कृत दिखता है। वास्तविकता हमेशा बेहतर होती है: खरोंच, खरोंच - प्रत्येक चीज की उपस्थिति उसके इतिहास को दर्शाती है। शोर के साथ छवि को कृत्रिम रूप से "उम्र" करना आवश्यक है।

आप छवि में प्रत्येक पिक्सेल को बेतरतीब ढंग से बदलते हुए शोर कर सकते हैं। लेकिन यह लंबे समय तक काम करता है, और यह बहुत अच्छा नहीं लगता है: हम अभी भी सामग्री की वास्तविक बनावट का अनुकरण करना चाहते हैं, न कि कैमरे का आईएसओ शोर।

//  () for ($x = 0; $x < $allWidth; $x++) for ($y = 0; $y < $allHeight; $y++) imagesetpixel($image, $x, $y, imagecolorallocatealpha($image, 0xff, 0xff, 0xff, MyRand::rand(115, 127))); 

आइए अधिक दिलचस्प तरीके से जाएं (जो, इसके अलावा, चित्र बनाने के समय को बहुत बचाएगा) - हम "खरोंच" लागू करेंगे।

खरोंच वास्तव में, एक यादृच्छिक लंबाई, झुकाव और पारदर्शिता के साथ सफेद और काली रेखाएं हैं। यदि रेखा का शीर्ष हल्का है और नीचे गहरा है, तो छवि में यह उभार की तरह दिखता है, यदि शीर्ष अंधेरा है और नीचे की रोशनी एक खरोंच (उभार, हां) की तरह है।

 //   () //    for ($x = 0; $x < 5000; $x++) { $dotX = MyRand::rand(0, $allWidth); $dotY = MyRand::rand(0, $allHeight); $scratchWidth = MyRand::rand(1, 8); // 80% - (+1)  20%  (-1) $scratchAdj = MyRand::rand(0, 10) > 8 ? -1 : +1; for ($i = 0; $i < $scratchWidth; $i++) { imagesetpixel($image, $dotX+$i, $dotY+$scratchAdj, imagecolorallocatealpha($image, 0xff, 0xff, 0xff, MyRand::rand(95, 110))); imagesetpixel($image, $dotX+$i, $dotY, imagecolorallocatealpha($image, 0x00, 0x00, 0x00, MyRand::rand(95, 110))); } } 

बिना शोर और उनके साथ:



यह कॉपीराइट लागू करने के लिए बनी हुई है। फ़ॉन्ट डाउनलोड करें (उबंटू करेगा)।

 imagettftext($image, 10, 90, $allWidth - 7, $allHeight - 7, imagecolorallocatealpha($image, 0, 0, 0, 90), 'font/ubuntu-r.ttf', 'Sijeko Brick Generator ' . GENERATOR_VERSION); 

हो गया!

आउटपुट कंस्ट्रक्टर JPEG और PNG (सभी स्रोत चित्र PNG24 में हैं) दोनों का उत्पादन कर सकता है, लेकिन परिणामी PNG के बड़े आकार के कारण, हम JPEG पर बस गए।

कैशिंग और urls

दूसरी बार आपको उसी इनपुट मापदंडों के साथ एक छवि बनाने की आवश्यकता नहीं है, हम प्रोसेसर और उपयोगकर्ता को छोड़ देते हैं; पहले उपयोग पर छवि को सहेजें और बाद में कॉल पर इसे कैश से जारी करें।

चित्र कैश की पहचानकर्ता (उर्फ फ़ाइल नाम) URL के GET भाग में चर के किसी भी क्रम के लिए समान होना चाहिए। इसलिए, पहले हम सभी अनावश्यक चर (कुंजियाँ और मान जिन्हें URL में मैन्युअल रूप से प्रतिस्थापित किया जा सकता है) हटाते हैं, और फिर हम कुंजियों द्वारा वैश्विक $_GET सरणी को सॉर्ट करते हैं:

 //   (         ) ksort($_GET); 

फिर हमें बाकी पहचानकर्ता मिलते हैं:

 $fileIdentifier = 'images/cache/' . $randSeed; $fileIdentifier .= sprintf( '/lineup-%s_color-%d_drunk-%s_', $lineup, $backFile, $isDrunk ? 'on' : 'off' ); foreach ($_GET as $key => $value) { if (!empty($value)) $fileIdentifier .= preg_replace('/[^a-z0-9_-]/ui', '', $key) . '-' . preg_replace('/[^a-z0-9_-]/ui', '', $value) . '_'; } $fileIdentifier = rtrim($fileIdentifier, '_'); $fileIdentifier .= '.' . OUTPUT_FORMAT; 

चलो कैशिंग से संबंधित HTTP हेडर के बारे में न भूलें:

 header('Cache-Control: Public'); header('Pragma: Public'); header('Last-Modified: ' . gmdate('D, d MYH:i:s', $time) . ' GMT'); header('Expires: ' . gmdate('D, d MYH:i:s', $time + 30*24*60*60) . ' GMT'); 

रैंडम नंबर जनरेटर

यूआरएल दर्शन का पूरी तरह से पालन करने के लिए, प्रत्येक लिंक के लिए एक ही चित्र हमेशा प्रदर्शित किया जाना चाहिए। लेकिन हमारे पास सिस्टम (शोर, धक्कों) में बहुत सारे यादृच्छिक कारक हैं। अत्यंत सटीक होने के लिए, हमें एक छद्म यादृच्छिक संख्या जनरेटर (PRNG) की आवश्यकता नहीं है, लेकिन एक छद्म यादृच्छिक अनुक्रम जनरेटर (GPSP)। एक निश्चित पहचानकर्ता ( seed ) द्वारा परिभाषित प्रत्येक अनुक्रम अद्वितीय और दोहराने योग्य होना चाहिए।

PHP (.25.2.1) के नए संस्करणों में, mt_rand() जनरेटर ने mt_srand($seed) पैरामीटर के समान मूल्यों के लिए एक ही अनुक्रम जारी करना बंद कर दिया (कम से कम यह इन व्यवहारों पर भरोसा नहीं करने की सिफारिश की गई है)। अपनी बाइक लिखते हैं। चूंकि हमें जनरेटर से क्रिप्टोग्राफिक सुरक्षा की आवश्यकता नहीं है, हम स्थानांतरण के साथ सबसे लोकप्रिय और सरल तरीकों में से एक का उपयोग करेंगे।

 /** *        . * @param integer $min * @param integer $max * @return integer */ public static function rand($min = 0, $max = 0xffffffff) { self::$m_z = 36969 * (self::$m_z & 65535) + (self::$m_z >> 16); self::$m_w = 18000 * (self::$m_w & 65535) + (self::$m_w >> 16); $res = ((self::$m_z << 16) + self::$m_w) & 0xffffffff; $res = $res > 0 ? $res : ~$res; //var_dump($res, PHP_INT_MAX, 0xffffffff); die; return intval($min + floor(($res / doubleval(0xffffffff)) * ($max - $min + 1))); } 

जहां self::$m_z और self::$m_w जनरेटर की वर्तमान स्थिति के स्थिर क्षेत्र हैं। self::$m_z के समान सेट self::$m_z और self::$m_w जनरेटर पूर्णांक के समान छद्म self::$m_w अनुक्रम उत्पन्न करेगा।

नशे में मास्टर मोड

आइए प्रत्येक ईंट को एक संकीर्ण झुकाव सीमा में यादृच्छिक कोण पर घुमाएं, और नशे में मास्टर पहले से ही आपकी दीवार पर काम कर रहा है।

झुकाव सीमा को डिग्री में अलग करके, आप मात्रा और पेय की मात्रा (सजा के लिए खेद) को बदल सकते हैं। मैं। 3.2 ° पर रुक गया।

संदर्भ

• चिनाई का निर्माण करने वाला http: //reconstroy.rf/mode कंस्ट्रक्टर है ।
• फेल्डहॉस क्लिंकर - http://feldhaus-klinker.de
• रेकॉन्स्ट्रॉय - http: //reconstroy.rf ।
• हमारी साइट पर कंस्ट्रक्टर का एक छोटा विवरण http://sijeko.ru/works/programming/brick-constructor है ।