phaser-framework ट्यूटोरियल
फेजर-फ्रेमवर्क के साथ शुरुआत करना

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


टिप्पणियों

फेजर मुख्य रूप से एक ओपन सोर्स डेस्कटॉप और मोबाइल एचटीएमएल 5 गेम फ्रेमवर्क है।

इसमें दस्तावेज़ीकरण, सुविधाओं और उदाहरणों का एक मजबूत सेट शामिल है, जो आपको जल्दी से काम करने वाले खेल की ओर ले जा सकते हैं। यह PixGL.js रेंडरिंग इंजन के माध्यम से WebGL को सपोर्ट करता है, और इसमें पुराने डिवाइसों पर सपोर्ट के लिए कैनवस फॉलबैक भी शामिल है।

यद्यपि इंजन जावास्क्रिप्ट में बनाया गया है, इसमें टाइपस्क्रिप्ट परिभाषाएँ भी शामिल हैं

परियोजना की एक नई कल्पना है जो ES6 अनुपालन है जिसे लेज़र कहा जाता है।

संस्करण

चरण 2

संस्करण रिलीज़ की तारीख
2.6.2 कोरे स्प्रिंग्स 2016/08/25
२.६.१ कैमेलिन 2016/07/11
2.6.0 फाल मोरन 2016/07/08
2.5.0 पांच किंग्स 2016/06/17
2.4.9 चार किंग्स 2016/06/16
२.४. 2.4 वाच हिल 2016/05/19

शुरू हुआ फेजर

  1. एक फ़ोल्डर बनाएँ
  2. नई निर्देशिका के अंदर एक index.html बनाएँ। इसे ब्रैकेट संपादक में खोलें
  3. डाउनलोड से Phaser भंडार GitHub , तो निर्माण फ़ोल्डर से phaser.js फ़ाइल हड़पने। अपने प्रोजेक्ट डायरेक्टरी के अंदर फाइल रखें।
  4. Index.html खोलें और हेडर टैग के अंदर phaser.js लिंक करें। 
<!doctype html> 
<html lang="en"> 
<head> 
    <meta charset="UTF-8" />
    <title>My Gamer</title>    
    
     <script type="text/javascript" src="lib/phaser.js"></script>

    <style type="text/css">
        body {
            margin: 0;
        }
    </style>
    
</head>
<body>    
        <div id="gameContainer"></div>
</body>
</html>
  1. Game.js नाम की डायरेक्टरी के अंदर एक और js फाइल बनाएं
  2. संपादक में game.js फ़ाइल खोलें और निम्नलिखित कोड लिखें: 
// Phaser instance, width 800px, height 600px render as CANVAS. 
// Method signature - preload, create and update

var game = new Phaser.Game(800, 600, Phaser.CANVAS,'gameContainer', { preload: preload, create: create, update: update });

function preload() {
// this method used to load your game assets
}

function create() {
// this method run only once used to create to game world
}

function update() {
// this method loop 60 times in a seconds, used to handle gameplay.
}
  1. ब्रैकेट जीवन रक्षक (शीर्ष दाएं आइकन) का उपयोग करके सभी फ़ाइलों को खोलें और index.html खोलें।
  2. फेजर विकास का वातावरण अब बना है। त्रुटि सत्यापन के लिए ब्राउज़र में एक कंसोल स्क्रीन दिखाई देनी चाहिए।

Node.js का उपयोग करके Phaser के साथ आरंभ करना

  1. एक ऐसा फ़ोल्डर बनाएँ जहाँ आप अपने गेम को लाइव करना चाहते हैं, और उसी में चले जाएँ 
mkdir my-new-game
cd my-new-game
  1. Npm का उपयोग करके निर्देशिका को प्रारंभ करें। 
npm init -y
  1. Phaser को नोड पैकेज के रूप में स्थापित करें। 
npm install phaser
  1. HTTP- सर्वर को एक वैश्विक मॉड्यूल के रूप में स्थापित करें, जिसका उपयोग कमांडलाइन पर किया जाए। 
npm install -g http-server
  1. एक index.html फ़ाइल बनाएँ और फेज़र निष्पादन योग्य को संदर्भित करें और उसमें निम्न कोड पेस्ट करें। 
<!doctype html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <title>My Gamer</title>
    <script type="text/javascript" src="node_modules/phaser/build/phaser.js"></script>
    <style type="text/css">
    body {
        margin: 0;
    }
    </style>
</head>

<body>
    <div id="helloWorld"></div>
</body>
<script>
var game = new Phaser.Game(800, 600, Phaser.CANVAS, 'helloWorld', {
    create: create
});

function create() {

    var text = "Hello World!";
    var style = {
        font: "65px Arial",
        fill: "#ff0044",
        align: "center"
    };

    var t = game.add.text(game.world.centerX, 300, text, style);
    t.anchor.set(0.5);

}
</script>

</html>
  1. सर्वर शुरू करें और अपने ब्राउज़र में http: // localhost: 8080 लोड करें! 
    hs


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