😰 😀 🕋 निःशुल्क Libgdx पर वेलेंटाइन डे आवेदन 🏐 🤹🏽 🦄

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

।

अंतर्वस्तु

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

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

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

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

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

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

ProjectSetup

आप उन एक्सटेंशन का भी चयन कर सकते हैं जिनका आप उपयोग करेंगे। हमारे मामले में, यह बॉक्स 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"

सामान्य कोड core फ़ोल्डर में संग्रहीत किया जाता है। ValentinesDayHeartsApp नामक मुख्य वर्ग ने ApplicationListener इंटरफेस (आरंभिक घटनाओं, प्रतिपादन, InputProcessor और अन्य राज्यों से निपटने के लिए) और InputProcessor इंटरफ़ेस (उपयोगकर्ता इनपुट से निपटने के लिए) को लागू किया।

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

सामान्य

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

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

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

Body - एक शारीरिक मॉडल।
Sprite - एक चित्रमय मॉडल (स्प्राइट)।
String - दिल पर प्रदर्शित एक पाठ।
Font - a font।
ParticleEffect - दिल को नष्ट करते समय बनाए गए कण।
BreakSound - दिल को नष्ट करने की एक ध्वनि।

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

बनावट

सबसे पहले, मुझे दिल को खोजने या आकर्षित करने की आवश्यकता थी। सौभाग्य से, मैंने आसानी से इसे देखा और फिर इसे थोड़ा संपादित किया: एक चमक और एक पारदर्शी पृष्ठभूमि को जोड़ा। libgdx में बनावट लोड करने के लिए, मैंने Texture वर्ग का उपयोग किया। चूंकि एक ही बनावट का उपयोग कई बार किया जा सकता है, अतिरिक्त Sprite वस्तुओं का उपयोग किया गया था। वे render विधि का उपयोग करके तैयार किए गए थे। स्प्राइट और कोण की स्थिति प्रतिपादन के पैरामीटर और हृदय के भौतिक मॉडल हैं। एक बदलाव के लिए, मैंने अलग-अलग रंगों में दिलों को खींचने का फैसला किया। मैंने एचएसएल पैलेट का उपयोग किया, जो ह्यू, संतृप्ति और लाइटनिंग में हेरफेर करने की अनुमति देता है, आरजीबी जैसे रंग घटकों को नहीं। RGB -> HSL और HSL -> RGB रूपांतरण का सूत्र आसानी से पाया जा सकता है, और मैंने जावा पर .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 केवल raster फोंट के साथ काम कर सकता है, मैंने Hiero Bitmap Font Generator (version 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();

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

भौतिकी इंजन के रूप में, बॉक्स 2 डी का उपयोग किया गया था।

अपने भौतिक मॉडल के साथ दिल की छवि से मेल खाने के लिए, मैंने 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);

क्या आसान हो सकता है? हालाँकि, वहाँ भी नुकसान हैं। किसी कारण से, फ़ाइलें केवल ओजीजी प्रारूप में और 96 kbit / s बिटरेट में लोड की जा सकती हैं।

निष्कर्ष

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

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

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

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

निःशुल्क Libgdx पर वेलेंटाइन डे आवेदन