WebVision Canvas
वर्कफ़्लो

Phaser JS उदाहरण Phaser Studio वर्कफ़्लो के लिए

03
टाइलमैप में ज़िटर ठीक करें

कैमरा स्प्राइट को फॉलो करते समय टाइलमैप के ज़िटर को ठीक करें

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

01

प्रोजेक्ट फ़ोल्डर खोलें

एजेंट चैट विंडो में फ़ोल्डर खोलें।

02

सीन फ़ाइलों की सूची बनाएं

एजेंट फ़ोल्डर में सभी सीन फ़ाइलों की सूची बनाता है।

03

सीन कोड पढ़ें

एजेंट मुख्य सीन कोड फ़ाइल पढ़ता है।

04

बिल्ड कमांड चलाएं

एजेंट त्रुटियों की जाँच के लिए बिल्ड कमांड चलाता है।

बेसिक गेम संरचना

src/main.js
class MainScene extends Phaser.Scene {
  constructor() {
    super('MainScene');
  }
  create() {
    this.add.text(400, 300, 'Hello World', {
      fontSize: '32px',
      fill: '#ffffff'
    });
  }
}
const config = {
  type: Phaser.AUTO,
  width: 800,
  height: 600,
  scene: MainScene
};
new Phaser.Game(config);

यह सादा JavaScript उदाहरण टेक्स्ट ऑब्जेक्ट के साथ एक बेसिक सीन क्लास दिखाता है। कॉन्फ़िग गेम टाइप को AUTO सेट करता है और चौड़ाई व ऊंचाई परिभाषित करता है।

Phaser TypeScript वर्कफ़्लो

सीन कोड का विश्लेषण करें

एजेंट list_dir का उपयोग प्रोजेक्ट संरचना को मैप करने और सीन फ़ाइलों को खोजने के लिए करता है, इसलिए यह गेम को समझने के लिए read_file के साथ मुख्य कोड पढ़ता है। यह स्थानीय रूप से काम करता है। यह त्रुटियों को खोजने के लिए grep का उपयोग गेम ऑब्जेक्ट्स की खोज करता है। यह विधि हस्ताक्षारों की पुष्टि के लिए web_search और http_get के साथ आधिकारिक Phaser दस्तावेज़ीकरण पढ़ता है। आप Plan only मोड में योजना की समीक्षा करते हैं ताकि बदलाव देख सकें। आप हर संपादन को मंजूरी देने के लिए Ask first पर स्विच कर सकते हैं। यह edit_file का उपयोग करके संपादन लागू करता है और हर फ़ाइल के लिए आपको डिफ़ दिखाता है। आप ब्राउज़र में पथ स्थिति और स्केल को कैसे बदलें, यह जाँचकर Phaser JS उदाहरणों का परीक्षण करते हैं।

कैमरा ज़िटर ठीक करें

एजेंट glob का उपयोग प्रोजेक्ट में सभी टाइलमैप और स्प्राइट फ़ाइलों को खोजने के लिए करता है और read_file का उपयोग करके सीन कोड में कैमरा फॉलो लॉजिक पढ़ता है। यह जाँच करता है। एजेंट ज़िटर प्रभाव का कारण बनने वाली विशिष्ट कैमरा सेटिंग्स की खोज करता है। यह कैमरा स्मूथिंग विकल्पों के लिए आधिकारिक Phaser दस्तावेज़ीकरण की जाँच करता है। यह edit_file का उपयोग करके सीन फ़ाइल में कैमरा फॉलो सेटिंग्स संशोधित करता है। आप इन सेटिंग्स को समायोजित करके जब कैमरा स्प्राइट को फॉलो करे तो टाइलमैप के ज़िटर को ठीक कर सकते हैं। एजेंट आपके डेव सर्वर कमांड को चलाता है ताकि स्थानीय डेवलपमेंट सर्वर शुरू हो सके। Shell कमांड का वास्तविक आउट कोड दिखाता है और उपयोगकर्ता ब्राउज़र में परिणाम की जाँच करता है।

Windows के लिए WebVision Canvas

आज ही अपना Phaser प्रोजेक्ट शुरू करें

WebVision Canvas डाउनलोड करें ↗