कोरीना एसडीके वापरणे ग्राफिक्स कुशलतेने हाताळणी करणे
कोरोना SDK मध्ये ग्राफिक्स तयार करणे, हाताळणे आणि व्यवस्थापित करणे हा मुख्य घटक आहे प्रदर्शन ऑब्जेक्ट या ऑब्जेक्टचा उपयोग केवळ एखाद्या फाईलवरुनच दर्शविण्यासाठी केला जाऊ शकत नाही, यामुळे आपण आपल्या प्रतिमांना एकत्रित करण्यास परवानगी देतो. हे आपल्याला एकावेळी स्क्रीनच्या भोवती ग्राफिक्सचा संपूर्ण संच हलवू देते आणि एकमेकांच्या वरच्या बाजूला लेयर ग्राफिक्स हलवू देते.
हे ट्यूटोरियल आपल्याला आपल्या प्रकल्पातील ग्राफिकल ऑब्जेक्ट्स व्यवस्थित करण्यासाठी प्रदर्शन गटांचा वापर करण्याच्या मूलतत्वे शिकवेल. हे दोन भिन्न स्तर तयार करून प्रदर्शित केले जाईल, जे सामान्य स्क्रीनचे प्रतिनिधीत्व करेल आणि दुसर्यास त्याच्या शीर्षस्थानी ठेवलेल्या एक मोडल थरचे प्रतिनिधीत्व करेल. ग्राफिक्सच्या लेयरिंग व्यतिरिक्त, आम्ही संपूर्ण मोडल गटात हलविण्यासाठी संक्रमण ऑब्जेक्ट देखील वापरू.
टीप: या ट्युटोरिअलच्या सहाय्याने तुम्हाला दोन इमेजची गरज आहे: image1.png आणि image2.png ही आपण निवडलेल्या कोणत्याही प्रतिमा असू शकतात, परंतु आपल्याजवळ 100 पिक्सेलमध्ये 100 पिक्सेल प्रती प्रतिमा असतील तर ट्यूटोरियल उत्कृष्ट कार्य करेल. हे आपणास सहजपणे इमेजवर काय होत आहे हे पाहण्यास अनुमती देईल.
प्रारंभ करण्यासाठी, आम्ही main.lua नावाची एक नवीन फाईल उघडू आणि आमच्या कोड तयार करणे सुरू करू:
displayMain = display.newGroup (); displayFirst = display.newGroup (); displaySecond = display.newGroup (); global_move_x = प्रदर्शन.contentWidth / 5;कोडचा हा विभाग आमच्या UI लायब्ररी सेट करतो आणि प्रदर्शन गटातील घोषित करतो: displayMain, displayFirst आणि displaySecond आम्ही याचा वापर आमच्या ग्राफिक्सला प्रथम स्तर द्या आणि नंतर त्यांना हलवा. Global_move_x ही वेरीयेबल डिसप्लेच्या रुंदीच्या 20% वर सेट आहे ज्यामुळे आम्ही चळवळ पाहू शकतो.
फंक्शन सेटअप स्क्रीन () displayMain: घाला (displayFirst); displayMain: insert (displaySecond); displayFirst: toFront (); displaySecond: toFront (); स्थानिक पार्श्वभूमी = display.newImage ("image1.png", 0,0); displayFirst: घाला (पार्श्वभूमी); स्थानिक पार्श्वभूमी = display.newImage ("image2.png", 0,0); displaySecond: घाला (पार्श्वभूमी); शेवटसेटअपस्क्रीन फंक्शन प्रदर्शन गटांना मुख्य प्रदर्शन गटामध्ये कसे जोडावे हे प्रदर्शित करते. आम्ही वेगवेगळ्या ग्राफिक लेयर सेट करण्यासाठी फॉरमंट () फंक्शन वापरतो, जो शेवटचा घोषित केल्यावर सुरवातीला सर्व स्तरांवर हवा असतो.
या उदाहरणात, प्रदर्शनास हलविण्याची खरोखर गरज नाही कारण हा डिस्प्ले दुस-या ग्रुपच्या खाली असणार आहे, परंतु प्रत्येक डिस्प्ले समूहाला स्पष्टरित्या मांडण्याची सवय लावून घेणे चांगले आहे. बहुतेक प्रकल्प दोनपेक्षा अधिक स्तरांवर समाप्त होतील.
आम्ही प्रत्येक गटात एक प्रतिमा देखील जोडली आहे जेव्हा आम्ही अनुप्रयोग सुरू करतो, तेव्हा दुसरी प्रतिमा प्रथम प्रतिमाच्या शीर्षस्थानी असावी
फंक्शन स्क्रीनरेयर () displayFirst: toFront (); शेवटआम्ही आधीच आपल्या ग्राफिक्स स्तरीय displaySecond group प्रदर्शनातील पहिल्या गट वर. हे फंक्शन डिस्प्लेला हलवेल.
फंक्शन moveOne () displaySecond.x = displaySecond.x + global_move_x; शेवटMoveOne फंक्शन स्क्रीनच्या रूंदीच्या 20% पर्यंत दुसर्या प्रतिमेस उजवीकडे हलवेल. आम्ही या फंक्शनला कॉल करतो तेव्हा, डिस्प्लेसेल समूह हा displayFirst ग्रुपच्या मागे असेल.
फंक्शन moveTwo () displayMain.x = displayMain.x + global_move_x; शेवटहलवा दोन फंक्शन स्क्रीनच्या रूंदीच्या 20% पर्यंत दोन्ही प्रतिमा उजवीकडे हलवेल. तथापि, प्रत्येक गट स्वतंत्रपणे हलविण्याऐवजी, आपण displayMain गटाचा वापर दोन्ही एकाच वेळी हलविण्यासाठी करू. हा एक उत्तम उदाहरण आहे की एकापेक्षा जास्त प्रदर्शन गट असलेल्या डिस्प्ले समूहात एकाचवेळी अनेक ग्राफिक्स हाताळण्यासाठी वापरले जाऊ शकते.
setupScreen (); timer.performWithDelay (1000, स्क्रीनलायर); timer.performWithDelay (2000, moveOne); timer.performWithDelay (3000, moveTwo);हा शेवटचा कोड दाखविते की जेव्हा आपण हे कार्य करतो तेव्हा काय होते? आम्ही टाइमर वापरणार आहोत. प्रोफॉर्मविंडेशन कार्य चालू झाल्यानंतर प्रत्येक सेकंदाच्या फंक्शन्स बंद करणे. जर आपण या फंक्शनशी अपरिचित नसाल तर प्रथम व्हेरिएबल म्हणजे मिलिसेकंद्स मध्ये व्यक्त होण्यास विलंब करण्याची वेळ आहे आणि दुसरा फंक्शन म्हणजे त्या विलंबानंतर चालवणे.
जेव्हा आपण अॅप लॉन्च कराल तेव्हा तुमच्याकडे image2.png वरच्या बाजूला image2.png असावा. स्क्रीन लेयर फंक्शन फायर आणि फोटो 1 पेज ला पुढच्या बाजूला आणेल. MoveOne फंक्शन, image2.png ला image1.png मधून खाली हलवेल आणि हलवा दोन फंक्शन्स शेवटचे होतील, एकाचवेळी दोन्ही इमेज हलवून.
हे लक्षात ठेवणे महत्वाचे आहे की या समूहांपैकी प्रत्येक गटमध्ये डझनभर प्रतिमा असू शकतात. आणि ज्याप्रमाणे हलवा दोन फंक्शन्स दोन्ही प्रतिमा एका ओळीच्या कोडसह हलविले तसतसे समूहातील सर्व प्रतिमा समूहात दिलेली आज्ञा घेतील.
तांत्रिकदृष्ट्या, डिस्प्ले मेन समूह मध्ये प्रदर्शित गट आणि त्यामध्ये असलेली दोन्ही चित्रे असू शकतात. तथापि, उत्तम संघटना तयार करण्यासाठी काही गटांना डिस्प्लेसारख्या इतर गटांकरिता इतर कोणत्याही गटांकरिता कंटेनर म्हणून काम करू देणे ही एक चांगली पद्धत आहे.
हे ट्यूटोरियल डिस्प्ले ऑब्जेक्टचा वापर करते. प्रदर्शन ऑब्जेक्टबद्दल अधिक जाणून घ्या