वेलेंटाइन डे Libgdx ऐप

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

सामग्री

• कार्यक्रम और उपकरण
• नमस्ते दुनिया
• संपूर्ण
• बनावट
• फोंट
• भौतिक विज्ञान
• कण प्रणाली
• आवाज़
• निष्कर्ष
• स्रोत और निष्पादनयोग्य

कार्यक्रम और उपकरण

निम्नलिखित कार्यक्रमों और पुस्तकालयों का उपयोग विचार को लागू करने के लिए किया गया था:

1. IntelliJ IDEA मॉड्यूलर और क्रॉस-प्लेटफ़ॉर्म अनुप्रयोगों के लिए एक मुफ्त विकास वातावरण है। एक विकल्प एंड्रॉइड स्टूडियो , एक्लिप्स है ।
2. libgdx एक क्रॉस-प्लेटफ़ॉर्म (पीसी, मैक, लिनक्स, एंड्रॉइड) जावा लाइब्रेरी है जो गेम को विकसित करने के लिए है न कि अन्य ग्राफिक अनुप्रयोगों के लिए। यह लाइब्रेरी अपाचे लाइसेंस 2.0 के तहत लाइसेंस प्राप्त है। कोड के कुछ खंड JNI (जैसे Box2d) का उपयोग करके अनुकूलित किए गए हैं।
3. बॉक्स 2 डी-एडिटर - बॉक्स 2 डी भौतिकी इंजन में उपयोग किए जाने वाले भौतिक मॉडल बनाने के लिए एक संपादक, जो कि libgdx में बनाया गया है। यहां इसका उपयोग हृदय के पैटर्न और इसके भौतिक मॉडल की तुलना करने के लिए किया जाएगा।
4. हायरो बिटमैप फ़ॉन्ट जनरेटर - वेक्टर फोंट को बिटमैप में बदलने के लिए एक कार्यक्रम (केवल बिटमैप्स लिबासक्स में समर्थित हैं)।
5. कण संपादक - libgdx के लेखक से कण सिस्टम बनाने के लिए एक संपादक। दिल के विनाश में एक "विस्फोट" के प्रभाव में कणों के लिए उपयोग किया जाता है।
6. पेंट.नेट - दिल की छवि को संपादित करने और पृष्ठभूमि बनाने के लिए उपयोग किया जाता है।

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

नमस्ते दुनिया

सबसे पहले, मैं संक्षेप में वर्णन करता हूँ कि libgdx परियोजनाएँ कैसे बनाएँ। gdx-setup.jar का उपयोग करते हुए, एक परियोजना टेम्पलेट (ग्रैंडल पर आधारित) उत्पन्न होता है जो वांछित लक्ष्य प्लेटफार्मों को इंगित करता है। वर्तमान में समर्थित Desktop , Android , Ios , Html । सच है, आखिरी दो कोशिश करने में विफल रहे, क्योंकि मेरे पास एक IOS ऑपरेटिंग सिस्टम नहीं है, लेकिन Html के साथ कठिनाइयाँ थीं, जो अब तक हल नहीं हुई हैं।

आप तुरंत भी चुन सकते हैं कि कौन से एक्सटेंशन का उपयोग करना है। हमारे मामले में, यह बॉक्स 2 डी भौतिकी पुस्तकालय है।

हालांकि, यह सब विकी में विस्तृत है: एक libgdx प्रोजेक्ट बनाना ।

पीढ़ी के बाद, तीन फ़ोल्डर बनाए जाते हैं:

• कोर
• डेस्कटॉप
• एंड्रॉयड

पिछले दो में, लांचर इसी DesktopLauncher और AndroidLauncher तहत रखे गए हैं, जो इस तरह दिखते हैं:

 public class DesktopLauncher { public static void main (String[] arg) { LwjglApplicationConfiguration config = new LwjglApplicationConfiguration(); config.width = 800; config.height = 480; new LwjglApplication(new ValentinesDayHeartsApp(), config); } } 

 public class AndroidLauncher extends AndroidApplication { @Override protected void onCreate (Bundle savedInstanceState) { super.onCreate(savedInstanceState); AndroidApplicationConfiguration config = new AndroidApplicationConfiguration(); initialize(new ValentinesDayHeartsApp(), config); } } 

अधिक एंड्रॉइड-विशिष्ट कोड नहीं होगा, जो चयनित लाइब्रेरी का एक बड़ा लाभ है। AndroidManifest.xml कॉन्फ़िगरेशन में कंपन और स्लीप मोड निषेध (ताकि दुनिया रीसेट न हो) को सक्षम करने के लिए केवल एक चीज की आवश्यकता होती है। और परिदृश्य अभिविन्यास भी सेट करें ताकि दुनिया पलट न जाए:

 <uses-permission android:name="android.permission.VIBRATE"/> <uses-permission android:name="android.permission.WAKE_LOCK"/> 

और

 android:screenOrientation="landscape" 

कोर स्टोर आम कोड। मुख्य वर्ग ValentinesDayHeartsApp , जो इनिशियलाइज़ेशन, रेंडर, InputProcessor और अन्य स्टेट्स और एक InputProcessor को हैंडल करने के लिए ApplicationListener इंटरफेस को लागू करता है, ताकि यूजर इनपुट को प्रोसेस किया जा सके।

सब कुछ, फ्रेम तैयार है! अब यह एप्लिकेशन पीसी और एंड्रॉइड दोनों पर काम करेगा।

संपूर्ण

इस परियोजना की एक सरल संरचना है: ValentinesDayHeatsApp क्लास में create , render , touchDown , touchDown तरीके अतिभारित हैं। create विधि में, सभी संसाधनों (बनावट, फोंट, कण, ध्वनियां) को आरंभीकृत किया जाता है, और भौतिक दुनिया बनाई जाती है। render विधि दुनिया के सभी ऑब्जेक्ट्स को render और रेंडर करती है:

 @Override public void render() { updatePhysics(); updateBackground(); updateSprites(); updateParticles(); refresh(); renderBackground(); renderHearts(); renderFonts(); renderParticles(); } 

dispose विधि में, सभी संसाधनों को छोड़ दें। हां, हां, इस तथ्य के बावजूद कि जावा में स्वचालित कचरा संग्रह, अप्रबंधित संसाधन (Box2d ऑब्जेक्ट्स और कुछ अन्य) अभी भी मैन्युअल रूप से मुक्त किए जाने की आवश्यकता है। touchDown विधि touchDown माउस क्लिक या टचस्क्रीन को छूने touchDown ट्रिगर किया जाता है। यह इस तरह काम करता है: यदि संपर्क बिंदु कुछ दिल के साथ प्रतिच्छेद करता है, तो इसे हटा दिया जाता है। अन्यथा, क्लिक साइट पर एक नया दिल बनाया जाता है। ऑब्जेक्ट \ "हार्ट \" Heart के निम्नलिखित गुण हैं:

• Body एक भौतिक मॉडल है।
• Sprite - एक चित्रमय मॉडल (स्प्राइट)।
• String - हृदय पर प्रदर्शित पाठ।
• फॉन्ट टेक्स्ट को आकर्षित करने के लिए उपयोग किया जाने वाला Font है।
• ParticleEffect - विनाश पर बनाए गए कण।
• BreakSound - नष्ट होने पर ध्वनि।

अगला, मैं आवेदन के घटकों का अधिक विस्तार से वर्णन करूंगा।

बनावट

पहले, सीधे हृदय को स्वयं खोजना या बनाना आवश्यक था। सौभाग्य से, मैंने आसानी से इसे देखा, और फिर इसे थोड़ा संपादित किया: एक चमक और एक पारदर्शी पृष्ठभूमि को जोड़ा। Libgdx में टेक्सचर लोड करने के लिए मैंने टेक्सचर क्लास का इस्तेमाल किया। चूंकि एक ही बनावट को कई बार इस्तेमाल किया जा सकता है, अतिरिक्त Sprite ऑब्जेक्ट का उपयोग किया गया था। वे render विधि में तैयार किए गए हैं। स्प्राइट की स्थिति और कोण रेंडरिंग पैरामीटर और दिल का भौतिक मॉडल है। एक बदलाव के लिए, मैंने तय किया कि दिलों को अलग-अलग रंगों के साथ रंग दिया जाए। ऐसा करने के लिए, एचएसएल पैलेट का उपयोग किया गया था, जो आपको ह्यू, संतृप्ति और लपट में हेरफेर करने की अनुमति देता है, और सीधे आरजीबी जैसे रंग घटकों को नहीं। रूपांतरण सूत्र आरजीबी -> एचएसएल और एचएसएल -> आरजीबी आसानी से मिल सकता है, और मैंने जावा में .NET में रंगों के हेरफेर लेख के तरीकों को चित्रित किया है। सभी रूपांतरण prepareHeartsTextures , prepareHslData और prepareHslData विधियों में हैं। यहाँ एक का एक उदाहरण है:

 Pixmap pixmap = new Pixmap(fileHandle); float[][][] result = new float[pixmap.getWidth()][pixmap.getHeight()][4]; for (int i = 0; i < pixmap.getWidth(); i++) for (int j = 0; j < pixmap.getHeight(); j++) { int color = pixmap.getPixel(i, j); float r = (float)((color >> 24) & 0xFF) / 255.0f; float g = (float)((color >> 16) & 0xFF) / 255.0f; float b = (float)((color >> 8) & 0xFF) / 255.0f; float a = (float)(color & 0xFF) / 255.0f; result[i][j] = ColorUtils.RgbToHsl(r, g, b, a); } return result; 

दुर्भाग्य से, अलग-अलग रंगों के साथ बनावट के कारण एंड्रॉइड एप्लिकेशन कुछ देरी से लोड होता है।

फोंट

चूँकि libgdx केवल बिटमैप फ़ॉन्ट के साथ काम कर सकता है, मैंने Hiero Bitmap फ़ॉन्ट जनरेटर प्रोग्राम (संस्करण 5) का उपयोग किया, जो png प्रारूप में सभी वर्णों की छवियाँ बनाता है और एक fnt फ़ाइल जिसमें छवि में प्रत्येक वर्ण के निर्देशांक के बारे में जानकारी होती है। यहाँ इस कार्यक्रम का एक स्क्रीन शॉट दिया गया है:

आवश्यक फ़ाइलों के उत्पन्न होने के बाद, फ़ॉन्ट को libgdx एप्लिकेशन में निम्नानुसार उपयोग किया जा सकता है:

 font = new BitmapFont( Gdx.files.internal("data/Jura-Medium.fnt"), Gdx.files.internal("data/Jura-Medium.png"), false); font.setColor(Color.WHITE); 

और फिर इस तरह प्रस्तुत करना:

 font.draw(spriteBatch, heart.String, screenPosition.x, screenPosition.y); 

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

 Matrix4 projection = spriteBatch.getProjectionMatrix(); projection.setToOrtho2D(0, 0, WorldWidth, WorldHeight); projection.translate(tmpVector1.x, tmpVector1.y, 0); projection.rotate(0, 0, 1, body.getAngle() / (float)Math.PI * 180); projection.translate(-tmpVector1.x, -tmpVector1.y, 0); Vector2 stringSize = heart.getStringSize(); tmpVector1.add(heart.Size.x / PhysWorldWidth * WorldWidth * CenterDisplacement.x - stringSize.x * 0.5f, heart.Size.y / PhysWorldHeight * WorldHeight * CenterDisplacement.y + stringSize.y); spriteBatch.begin(); BitmapFont.BitmapFontData fontData = font.getData(); fontData.setScale(heart.Size.x * FontSizeHeartSizeCoef.x, heart.Size.y * FontSizeHeartSizeCoef.y); font.draw(spriteBatch, heart.String, tmpVector1.x, tmpVector1.y); fontData.setScale(1, 1); spriteBatch.end(); 

भौतिक विज्ञान

Box2d का उपयोग भौतिक इंजन के रूप में किया गया था ।

दिल के ग्राफिकल और भौतिक मॉडल की तुलना करने के लिए, मैंने box2d-editor का उपयोग किया:

इस कार्यक्रम का उपयोग करते हुए, मैंने दिल का एक बहुभुज बनाया जो स्वचालित रूप से उत्तल बहुभुज में टूट गया। भौतिक मॉडल अनिवार्य रूप से json प्रारूप में इन बहुभुजों के निर्देशांक का एक सेट है।

इसके अलावा इस फ़ाइल का उपयोग अनुप्रयोग में किया जाता है ( addHeart विधि में लोड होता है)। libgdx केवल बाइनरी प्रारूप में फाइलें डाउनलोड कर सकता है। सौभाग्य से, BodyEditorLoader.java वर्ग मिला, जिसके साथ आप JSON से मॉडल लोड कर सकते हैं, अर्थात। पाठ प्रस्तुति।

शरीर के घनत्व, घर्षण और लोच को सेट करना न भूलें:

 FixtureDef fdef = new FixtureDef(); fdef.density = 0.75f; fdef.friction = 1.0f; fdef.restitution = 0.4f; bodyLoader.attachFixture(body, "Heart", fdef, newWidth); body.resetMassData(); 

यही है, अब दिल भी एक भौतिक खोल है!

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

 if (Gdx.app.getType() == ApplicationType.Android) { gravity.x = -Gdx.input.getPitch() / 90.0f; gravity.y = Gdx.input.getRoll() / 90.0f; gravity.mul(gravityCoef); world.setGravity(gravity); } 

कण प्रणाली

Libgdx में, कण प्रणाली को विशेष फ़ाइलों का उपयोग करके परिभाषित किया जाता है जो संपादक में उत्पन्न की जा सकती हैं:

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

प्रारंभ

 ParticleEffect effect = new ParticleEffect(); effect.load(Gdx.files.internal("data/destroy.p"), Gdx.files.internal("data")); 

जीवन चक्र शुरू

यह महत्वपूर्ण है कि start बारे में मत भूलना जिसके बिना कणों को प्रदर्शित नहीं किया जाएगा:

 effect.setPosition(.., ..); effect.start(); 

आवाज़

ध्वनियाँ इस प्रकार भरी हुई हैं:

 sound = Gdx.audio.newSound(Gdx.files.internal("path/to/file")); 

और फिर इस तरह से खेलें:

 sound.play(1); 

ऐसा लगता है कि यह आसान हो सकता है? हालाँकि, यहाँ भी नुकसान हैं। तथ्य यह है कि किसी कारण के लिए, केवल .ogg प्रारूप फाइलें डाउनलोड की गईं और 96 kBit / s बिटरेट।

निष्कर्ष

मुझे उम्मीद है कि लेख में वर्णित ज्ञान कई लोगों के लिए उपयोगी होगा, और यह libgdx का उपयोग करके गेम को विकसित करने में काम आएगा। स्रोतों और संसाधनों को सभी द्वारा उपयोग करने की अनुमति है। अपने पड़ाव को वेलेंटाइन डे एप्लिकेशन दें :)

यह ध्यान देने योग्य है कि दिलों पर प्रदर्शित सभी शब्दों को data/words.txt में बदला जा सकता है। यह बिना रीकैपिलेशन के भी काम करता है।

स्रोत और निष्पादनयोग्य

• स्रोत: https://github.com/KvanTTT/ValentinesDayHearts
• क्रॉस-प्लेटफॉर्म जार निष्पादन योग्य: वैलेंटाइनडेअरहेट्स-1.1.जर
• Android के लिए Apk फ़ाइल: ValentinesDayHearts-1.1.apk