जावा में HTML5 / फ़्लैश गेम्स बनाना

PlayN और "How Rovio Angry Birds HTML5 ने लिखा"

सैन फ्रांसिस्को में अंतिम Google IO सम्मेलन में, PlayN पुस्तकालय पेश किया गया था। सत्र को बुलाया गया था - किक-गधा गेम प्रोग्रामिंग। और यह तकनीक वास्तव में आकर्षक लगती है। बस कल्पना करें कि आप किसी भी ओएस पर एक भाषा में एक गेम लिखते हैं और अपने पसंदीदा आईडीई का उपयोग करते हैं, और अंत में आपको HTML5 / Android / Native / Flash (!) के तहत एक गेम मिलता है। PlayN स्वतंत्र और खुला स्रोत है, और इस पर एंग्री बर्ड्स (HTML5) भी बनाया गया था।

वाइपर इंजन और PlayN

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

पाक कला उपकरण

1. PlayN स्थापित करें

शुरू करने के लिए, playn और इसके उदाहरण चलाएं:
PlayN के साथ शुरुआत करना
PlayN लाइब्रेरी को क्लोन करें:
PlayN कोड Git में सम्‍मिलित है। यदि आपके पास Git स्थापित है:

git clone code.google.com/p/playn

PlayN बनाने के लिए आपको Maven संस्करण 3 या उच्चतर की आवश्यकता है। आप निम्न लिंक पर मावेन स्थापित कर सकते हैं: मावेन को स्थापित करें ।

मावेन संस्करण देखें:
mvan -V
यह 3 और ऊपर होना चाहिए।

हम मावेन के स्थानीय भंडारण में प्लेन को स्थापित करने के बाद।

सीडी प्लेन
mvan साफ स्थापित

PlayN के किसी एक उदाहरण को चलाने के लिए:

सीडी प्लेन / सैंपल / शोकेस
mvan साफ पैकेज
mvan test -P test-html

ब्राउज़र खोलें (बेशक Google Chrome) और दर्ज करें: 127.0.0.1:8080/
ठीक है, आप अपने सामने उस डेमो को देखते हैं जो Google इंजीनियरों ने IO पर दर्शाया था।

mvan test-परीक्षण-फ्लैश
और अब फ्लैश। दर्ज करें: लोकलहोस्ट: 8080 /

सीडी एंड्रॉयड
mvan android: परिनियोजित करें
और एंड्रॉइड।

और आईडीई में अपना काम जारी रखने के लिए एक्लिप्स के लिए प्लगइन्स इंस्टॉल करना न भूलें।
ग्रहण के लिए मावेन एकीकरण स्थापित करें, मदद का चयन करें → नया सॉफ्टवेयर स्थापित करें, सभी उपलब्ध साइटों का चयन करें और मावेन शब्द की खोज करें।
ग्रहण के लिए Google प्लगइन स्थापित करें।
ग्रहण के लिए वेब टूल प्लेटफ़ॉर्म स्थापित करें। सहायता चुनें → नया सॉफ्टवेयर स्थापित करें ..., डाउनलोड करें। डाउनलोड करें। jboss.org/jbosstools/updates/m2eclipse-wtp, के साथ कार्य का चयन करें, और WTP के लिए मावेन एकीकरण स्थापित करें।

2. ग्रहण में भविष्य के खेल का कंकाल बनाएँ

फ़ाइल खोलें → नया → अन्य ..., फिर Maven → Maven प्रोजेक्ट चुनें फिर क्लिक करें।

स्नैपशॉट आर्किटाइप्स चेकबॉक्स को शामिल करें और आर्कटाइप्स की सूची में playn-archetype पर डबल-क्लिक करें।

Group Id, Artifact Id, Version, Package, और gameName कॉन्फ़िगर करें।
समूह आईडी उदाहरण: com.mydomain.myproject।
विरूपण साक्ष्य आईडी उदाहरण: गेममेकिंग
संस्करण उदाहरण: 1.0-SNAPSHOT या 0.01a
पैकेज का उदाहरण: com.mydomain.myproject
खैर, गेमनाम उदाहरण: लोलगैम

पैकेज एक्सप्लोरर में फिनिश पर क्लिक करें और 5 प्रोजेक्ट प्राप्त करें।
खैर, हमारे पास खेल का कंकाल है।
एक नोट के लिए, इस सब के लिए सेटअप प्रक्रिया खेल लिखने से ज्यादा समय लगेगा।

3. हमें उदाहरण के साथ वाइपर इंजन मिलता है

वाइपर डेमो
git क्लोन Partysun@github.com/Partysun/Viper-Engine-Demos.git

सीडी वाइपर-इंजन-डेमोस
mvan साफ स्थापित
mvan test -P test-html

अब परियोजना को ग्रहण में आयात करें।

और आप इसका उपयोग कर सकते हैं।

खेल लिख रहे हैं

वाइपर इंजन पर एक गेम में एक इनपुट क्लास होना चाहिए जो कि वीपगैम से विरासत में मिला हो।

कंस्ट्रक्टर में, गेम के लिए प्रारंभिक मान सेट करें।
public ViperExamples() {
// .
// .
// .
super(640, 480, 800, 800, new LogoDemo(), 33);
}


वाइपर पर खेल के दृश्य को VipState से विरासत में मिला होना चाहिए।
और इसे बनाने () विधि के एक अनिवार्य अधिभार की आवश्यकता होती है;
यह सब कुछ का वर्णन करता है जो मंच पर होना चाहिए। और खेल चक्रों में गतिशील प्रसंस्करण के लिए, आपको अपडेट () विधि को ओवरलोड करना होगा;

समय में स्प्राइट और उनके संशोधनों की एक जोड़ी के निर्माण का एक उदाहरण है:
public class MovingDemo extends VipState{

private VipSprite img;
private VipSprite img2;
private VipKeyboardStandart kListener;

@Override
public void create() {
img = new VipSprite(20, 20, "images/house.png");
add(img);
img.velocity.x = 0.2f;

img2 = new VipSprite(270, 200, "images/house.png");
add(img2);
img2.angularVelocity = 0.002f;

kListener = new VipKeyboardStandart();
addKeybordControl(kListener);
}

@Override
public void update() {
super.update();
if (kListener.ESC) {
VipG.switchState(new LogoDemo());
}
if (img.x > 350)
img.velocity = new VipPoint(0, 0.2f);
if (img.y > 250)
img.velocity = new VipPoint(- 0.2f, 0);
if (img.x < 20)
img.velocity = new VipPoint();

if (img2.scale.x < 2)
img2.scale.x += 0.002f;
if (img2.scale.x > 2)
img2.scale.x = 1.0f;
}
}

सारांश

तो, अंत में, हमारे पास एचटीएमएल 5 / फ्लैश / एंड्रॉइड के लिए गेम लिखने के लिए एक रूपरेखा है।
नहीं, नहीं, नहीं! सब कुछ बहुत स्थिर नहीं है और अब तक खराब काम करता है। अब तक, केवल HTML5 ही महान और बहुत तेजी से काम करता है। आखिरकार, यह व्यर्थ नहीं था कि आईओ और एंग्री बर्ड्स ने इतने लंबे समय तक प्रदर्शन किया। यह अच्छी खबर है क्योंकि जावा में html5 गेम लिखना मेरे लिए js की तुलना में कहीं अधिक सुविधाजनक है। अब तक, केवल भविष्य के अवसरों की संभावना ही सुखदायक है। और यह क्षमता केवल Google और वाइपर इंजन (@Partysun) से PlayN परियोजनाओं पर एक साथ काम करके महसूस की जा सकती है।