JavaFX प्रतियोगिता: टॉवर रक्षा

सभी को नमस्कार। मैं आपका ध्यान हाल ही में लॉन्च हुए JavaFX टॉवर डिफेंस प्रतियोगिता में लाना चाहता हूं।

दोनों डिजाइनर प्रतियोगिता में भाग ले सकते हैं, उन्हें खेल की दुनिया की एक वेक्टर छवि बनाने के लिए आमंत्रित किया जाता है, और प्रोग्रामर जिन्हें आयोजकों द्वारा प्रदान किए गए इंजन को बेहतर बनाने की आवश्यकता है। यहां तक ​​कि किसी के लिए भी एक जगह है जो अपने ब्लॉग पर प्रतियोगिता में भाग लेने की कहानी का वर्णन कर सकता है।

JavaFX क्यों? जो लोग इस तकनीक से कभी नहीं मिले हैं, वे कुछ विवरणों को सीखने में रुचि रख सकते हैं।

डिजाइन से लेकर कार्यक्रम तक

यह सब एक डिजाइनर के साथ शुरू होता है जो खेल की दुनिया के प्रत्येक तत्व को एक अलग परत पर खींचता है, इसे jfx (jfx: element-name) उपसर्ग के साथ एक नाम देता है। उसके बाद, वेक्टर छवि को एक मानक प्रोग्राम का उपयोग करके एक FXZ फ़ाइल (JavaFX भाषा के वेक्टर ग्राफिक्स के लिए एक विशेष प्रारूप) का उपयोग करके परिवर्तित किया जाना चाहिए।

इसके अलावा, प्रोग्रामर FXZ फ़ाइल से आवश्यक तत्वों को नाम से खींच सकता है और उन्हें अपने कार्यक्रम में रख सकता है।

सदिश चित्रण

मान लीजिए कि वेक्टर ग्राफिक्स वाली फाइल में 2 तत्व होते हैं: एक सर्कल, जो एक प्राणी है, और सड़कें।

<? xml संस्करण = "1.0" एन्कोडिंग = "utf-8" स्टैंडअलोन = "हां" ?> <svg चौड़ाई = "550px" ऊंचाई = "550px" दृश्य बॉक्स = "0 0 1200 400" xmlns = "http://www.w3.org/2000/svg" संस्करण = "1.1" > <g id = "jfx: path" > <पथ d = "M 50 120 L 250 120 A 25, 20 0 0 250 250 L 150 300 A 25 20 0 0 0 150 480 L 340 480" भर = "कोई नहीं" स्ट्रोक = "डार्कग्रीन" स्ट्रोक-चौड़ाई = "20" /> </ g > है <g id = "jfx: प्राणी" > <वृत्त cx = "150" साइबर = "50" r = "20" भरें = "पीला" स्ट्रोक = "नारंगी" /> </ g > है </ svg >

FXZ फ़ाइल

रूपांतरण के बाद हमें मिलता है:

FXD {
सामग्री : [
समूह {
आईडी : "पथ"
सामग्री : [
SVGPath {
सामग्री : "एम 50 120 एल 250 120 ए 25, 20 0 0 1 250 300 एल 150 300 ए 25 20 0 0 0 150 480 340 340"
भर : नल
स्ट्रोक : रंग । DARKGREEN
स्ट्रोकवार्ड : 20.0
}
]
} ,
समूह {
आईडी : "प्राणी"
सामग्री : [
सर्कल {
सेंटरएक्स : 150.0
केंद्र : 50.0
भरें : रंग । पीला
त्रिज्या : 20.0
स्ट्रोक : रंग । ऑरेंज
}
]
}
]
}

ध्यान दें कि jfx उपसर्ग को परत नामों से हटा दिया जाता है।

JavaFX प्रोग्राम

अब प्रोग्राम में आप इन 2 तत्वों को प्राप्त कर सकते हैं और उन्हें स्क्रीन पर प्रदर्शित कर सकते हैं:

आयात javafx.fxd। * ;
आयात javafx.stage। * ;
आयात javafx.scene। * ;

def ग्राफिक्स = FXDLoader। loadContent ( "{__DIR __} graphics.fxz" ) ;

स्टेज {
शीर्षक : "एप्लिकेशन का शीर्षक"
दृश्य : दृश्य {
चौड़ाई : 550
ऊंचाई : 550
सामग्री : [ ग्राफिक्स। getNode ( "पथ" ) , ग्राफिक्स। getNode ( "प्राणी" ) ]
}
}

एनीमेशन

उदाहरण काफी सरल है, और इसे और अधिक दिलचस्प बनाने के लिए, मैं पथ के साथ आगे बढ़ने वाले प्राणी का एक एनीमेशन जोड़ूंगा।

ऐसा करने के लिए, आपको समूह तत्व से स्वयं पथ प्राप्त करना होगा और PathTransition वर्ग का उपयोग करना होगा:

आयात javafx.fxd। * ;
आयात javafx.stage। * ;
आयात javafx.scene। * ;
आयात javafx.scene.shape। * ;
आयात javafx.animation। * ;
आयात javafx.animation.transition। * ;

def ग्राफिक्स = FXDLoader। loadContent ( "{__DIR __} graphics.fxz" ) ;
def प्राणी = ग्राफिक्स। गेटनोड ( "प्राणी" ) ;
def पथ = ( ग्राफिक्स। getNode ( "पथ" ) समूह के रूप में ) । सामग्री [ 0 ] SVGPath के रूप में ;

स्टेज {
शीर्षक : "एप्लिकेशन का शीर्षक"
दृश्य : दृश्य {
चौड़ाई : 550
ऊंचाई : 550
सामग्री : समूह {
स्केलएक्स : 0.5
स्केल : 0.5
सामग्री : [ पथ, प्राणी ]
}
}
}

पथप्रदर्शन {
अवधि : 10 एस
नोड : प्राणी
इंटरपोलर : इंटरपोलर। रेखीय
पथ : एनिमेशनपैथ। createFromPath ( पथ )
} । खेल ( ) ;

इस प्रकार, आप सड़क से प्राणियों की आवाजाही और टॉवर से प्राणियों तक गोले की उड़ान को चेतन कर सकते हैं।

रुचि रखते हैं? फिर JavaFX टॉवर रक्षा प्रतियोगिता में शामिल हों।