phaser-framework
फेजर में एक छवि जोड़ें

Android Cordova CSS HTML html5-canvas ionic-framework JavaScript jQuery Node.js TypeScript
खोज…


परिचय

फेजर में एक "इमेज" ऑब्जेक्ट के रूप में अपने गेम में एक छवि फ़ाइल (अधिमानतः एक पीएनजी) जोड़ना।

वाक्य - विन्यास

  • game.load.image (नाम: स्ट्रिंग, फ़ाइल: स्ट्रिंग);
  • game.add.image (x: संख्या, y: संख्या, नाम: स्ट्रिंग);

टिप्पणियों

  • एक छवि वस्तु आपके खेल में उन चीजों के लिए एक अच्छा विकल्प है जो फ्रेम एनिमेशन का उपयोग नहीं करते हैं और अन्यथा स्प्राइट होने की आवश्यकता नहीं है।
  • डिफ़ॉल्ट रूप से ऊपरी बाएं कोने में एक छवि के लिए एंकर बिंदु, लेकिन आप इसे इस तरह से बदल सकते हैं: image.anchor.setTo(0.5, 0.5);

बनाएँ और स्क्रीन पर जोड़ें

आपको पहले Phaser में एक "गेम" ऑब्जेक्ट बनाना होगा। 

var game = new Phaser.Game(800, 600, Phaser.AUTO, 'phaser-example', { preload: preload, create: create });

प्रीलोड कॉलबैक फ़ंक्शन में छवि को लोड करें। 

function preload() {

    game.load.image('thing', 'assets/thing-image.png');

}
पैरामीटर विवरण (Game.add.image)
नाम नाम का उपयोग game.add.image पद्धति में छवि को संदर्भित करने के लिए किया जाता है।
फ़ाइल संपत्ति फ़ाइल के लिए पथ (परियोजना के लिए रूट निर्देशिका के सापेक्ष)

फिर बनाएँ फ़ंक्शन में छवि ऑब्जेक्ट बनाने के लिए गेम ऑब्जेक्ट की "ऐड" विधि का उपयोग करें और इसे स्क्रीन पर। 

function create() {

  var image = game.add.image(100, 100, 'thing');

}
पैरामीटर विवरण (Game.add.image)
एक्स x निर्देशांक देता है जहां छवि को जोड़ा जाना चाहिए।
y y समन्वय करें जहां छवि को जोड़ा जाना चाहिए।
नाम Game.load.image पद्धति में असाइन की गई छवि का नाम।


Modified text is an extract of the original Stack Overflow Documentation
के तहत लाइसेंस प्राप्त है CC BY-SA 3.0
से संबद्ध नहीं है Stack Overflow