हाय {{उपयोगकर्ता नाम}}!

आज मैं यह दिखाना चाहता हूं कि जॉन कॉनवे द्वारा Qt पर जीवन के सभी के पसंदीदा खेल को कैसे लागू किया जाए। हम विगेट्स पर लिखेंगे। इस परियोजना के उदाहरण का उपयोग करते हुए, मैं दिखाऊंगा कि QPainter के साथ कैसे काम करना है, कोर, लेआउट्स और आम तौर पर Qt विजेट्स में ग्राफिक्स के साथ कई कक्षाएं। कोई भी इस खेल में रुचि रखता है या क्यूटी पर ग्राफिक्स के साथ काम कर रहा है, कृपया पढ़ें। सामान्य तौर पर, लेख शुरुआती के उद्देश्य से है, लेकिन उन्नत लोगों को भी :) पढ़ने के लिए कुछ करना होगा।

आलस्य के लिए - यहाँ परियोजना का स्रोत निहित है। इसे तुरंत बनाया जा सकता है, कोर, गुई पर निर्भरताएं।

विचार

हम Qt GUI पर सभी नियमों के साथ कॉनवे के गेम ऑफ लाइफ को लागू करना चाहते हैं। यह सुंदर, स्केलेबल होना चाहिए। क्षेत्र का आकार, पीढ़ियों के बीच अंतराल, कोशिकाओं के लिए रंग की पसंद को निर्धारित करना संभव होना चाहिए। अभी भी बटन स्टार्ट, स्टॉप, क्लियर चाहिए। आपको सभी कॉन्फ़िगरेशन के साथ गेम को सहेजने और लोड करने में सक्षम होने की आवश्यकता है।

आर्किटेक्चर

हम ऐसा करेंगे। QPaintEvent पर हम विंडो की चौड़ाई के आधार पर सेल की चौड़ाई को पुनर्गठित करेंगे, एक ग्रिड और कोशिकाओं को आकर्षित करेंगे। हम डिज़ाइन चरण में लेआउट में सब कुछ खूबसूरती से संग्रहीत करेंगे - हम इसका पता लगाएंगे। सेटिंग्स के लिए, हम सब कुछ बहुत करीने से एक छोटे सॉकेट में डाल देंगे।

डिज़ाइन

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

सोचना शुरू करो

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

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

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

void GameWidget::paintEvent(QPaintEvent *) { QPainter p(this); paintGrid(p); paintUniverse(p); }

हम और गहरे जाएंगे। यहाँ हमने QPainter का एक उदाहरण बनाया और इसके लिंक को PaintGrid () और paintUniverse () विधियों से पास किया। वे विशेष रूप से मॉडल (ब्रह्मांड मैट्रिक्स) का प्रतिपादन करने में शामिल हैं। सब कुछ एक घड़ी की तरह है। अब पेंटग्रिड () पर विचार करें:

 void GameWidget::paintGrid(QPainter &p) { QRect borders(0, 0, width()-1, height()-1); // borders of the universe QColor gridColor = m_masterColor; // color of the grid gridColor.setAlpha(10); // must be lighter than main color p.setPen(gridColor); double cellWidth = (double)width()/universeSize; // width of the widget / number of cells at one row for(double k = cellWidth; k <= width(); k += cellWidth) p.drawLine(k, 0, k, height()); double cellHeight = (double)height()/universeSize; // height of the widget / number of cells at one row for(double k = cellHeight; k <= height(); k += cellHeight) p.drawLine(0, k, width(), k); p.drawRect(borders); }

टिप्पणियों में, सभी बिंदु जो स्पष्ट नहीं हो सकते हैं, चित्रित किए गए हैं। अब हम देखेंगे कि हमारा "ब्रह्मांड" कैसे खींचा जाता है:

 void GameWidget::paintUniverse(QPainter &p) { double cellWidth = (double)width()/universeSize; double cellHeight = (double)height()/universeSize; for(int k=1; k <= universeSize; k++) { for(int j=1; j <= universeSize; j++) { if(universe[k][j] == true) { // if there is any sense to paint it qreal left = (qreal)(cellWidth*j-cellWidth); // margin from left qreal top = (qreal)(cellHeight*k-cellHeight); // margin from top QRectF r(left, top, (qreal)cellWidth, (qreal)cellHeight); p.fillRect(r, QBrush(m_masterColor)); // fill cell with brush of main color } } } }

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

लेकिन हम उपयोगकर्ता को कोशिकाओं को चिह्नित करने की क्षमता कैसे देते हैं? जाहिर है, हम keyPressEvent () विधि को फिर से लागू करते हैं और इसमें कुछ करेंगे। यहां इसकी सूची दी गई है:

 void GameWidget::mousePressEvent(QMouseEvent *e) { double cellWidth = (double)width()/universeSize; double cellHeight = (double)height()/universeSize; int k = floor(e->y()/cellHeight)+1; int j = floor(e->x()/cellWidth)+1; universe[k][j] = !universe[k][j]; update(); }

सेव / ओपन मैप

यह कार्यक्षमता दो बटन द्वारा कार्यान्वित की जाती है - सहेजें / लोड करें। उनका कार्य गेम कार्ड के साथ फ़ाइलों को खोलना और सहेजना है। फ़ाइल में है:

कार्ड का आकार
डंप कार्ड
जीवित कोशिकाओं का रंग
अंतरजनपदीय अंतराल

अनुमानित प्रारूप:

 [size] [dump] [red] [green] [blue] [interval]

मानचित्र का आकार GameWidget :: cellNumber () और GameWidget :: setCellNumber () द्वारा कार्यान्वित किया जाता है
डंप GameWidget :: डंप () और GameWidget :: setDump () है।
रंग - GameWidget :: MasterColor () और GameWidget :: setMasterColor ()।
अंतराल GameWidget :: अंतराल () और GameWidget :: setInterval () है।

मेनविंडो के कंधों पर केवल लिखने और सही ढंग से पढ़ने के लिए ही रहता है। मैं लोडनाम () फ़ंक्शन को सूचीबद्ध करूंगा:

 void MainWindow::loadGame() { QString filename = QFileDialog::getOpenFileName(this, tr("Open saved game"), QDir::homePath(), tr("Conway's Game Of Life File (*.life)")); if(filename.length() < 1) return; QFile file(filename); if(!file.open(QIODevice::ReadOnly)) return; QTextStream in(&file); int sv; in >> sv; ui->cellsControl->setValue(sv); game->setCellNumber(sv); QString dump=""; for(int k=0; k != sv; k++) { QString t; in >> t; dump.append(t+"\n"); } game->setDump(dump); int r,g,b; // RGB color in >> r >> g >> b; currentColor = QColor(r,g,b); game->setMasterColor(currentColor); // sets color of the dots QPixmap icon(16, 16); // icon on the button icon.fill(currentColor); // fill with new color ui->colorButton->setIcon( QIcon(icon) ); // set icon for button in >> r; // r will be interval number ui->iterInterval->setValue(r); game->setInterval(r); }

रंग बीनने वाला

मैंने यहां बहुत कुछ नहीं बताया है - यह QCWDialog और GameWidget वर्ग के तरीकों (ऊपर दर्शाए गए) के माध्यम से कार्यान्वित किया जाता है। वैसे, बटन के बाईं ओर पाठ के रंग से भरा एक छोटा वर्ग है जिसे चुना गया था। यह QIcon के माध्यम से किया जाता है, जो एक 16x16 QPixmap - भरा मास्टरकॉलर प्राप्त करता है।

मैं जिस पर ध्यान नहीं देना चाहता हूं

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

कृपया टिप्पणी में न लिखें कि कोशिकाएँ आयताकार हैं, वर्ग नहीं। यह वास्तव में मेरी खिचड़ी भाषा है - मुझे इसे QAbstractScrollArea में लपेटना होगा - लेकिन यह पता चला कि मैंने नहीं किया। अंत में, कांटे और पूल अनुरोध का स्वागत है - यह कुछ भी नहीं है कि मैं GitHub'e की मेजबानी करता हूं))।

तस्वीरें और उदाहरण

नीले रंग के साथ 50x50 क्षेत्र पर "मशीन गन" ग्लाइडर।

100x100 क्षेत्र पर "मशीन गन" ग्लाइडर

केवल नारंगी के साथ एक ही मशीन गन।

पढ़ने के लिए धन्यवाद

इस लेख को पढ़ने के लिए समय निकालने के लिए आप सभी का धन्यवाद।

एक बार फिर GitHub पर स्रोत कोड।
गीथब पर मशीनगन से नक्शा: जिस्ट ।

मैं आपको सफलता की कामना करता हूं, और सबसे महत्वपूर्ण बात - एक सफल युवती,
इल्या।

जॉन कॉनवे के Qt पर "जीवन"