WebVision Canvas
İş Akışları

Phaser Studio iş akışları için Phaser JS örnekleri

03
Titreşen tilemap'leri düzelt

Kamera bir sprite'ı takip ederken tilemap titreşimini düzelt

Tilemap'ler kamera bir sprite'ı takip ederken genellikle titrer. Nedeni belirsizdir. Aracı sahne kodunu okur ve kamera takip ayarlarını düzenler. Ardından projenin hala derlenip derlenmediğini doğrulamak için build komutunu çalıştırır ve titremeyi tarayıcıda kontrol etmeniz gerekir. Değişikliği kabul etmeden önce farkları (diff) gözden geçirirsiniz.

01

Proje klasörünü aç

Klasörü aracı sohbet penceresinde açın.

02

Sahne dosyalarını listele

Aracı klasördeki tüm sahne dosyalarını listeler.

03

Sahne kodunu oku

Aracı ana sahne kodu dosyasını okur.

04

Build komutunu çalıştır

Aracı hataları kontrol etmek için build komutunu çalıştırır.

Temel oyun yapısı

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);

Bu düz JavaScript örneği, metin nesnesi içeren temel bir sahne sınıfı gösterir. Yapılandırma, oyun türünü AUTO olarak ayarlar ve genişlik ile yüksekliği tanımlar.

Phaser TypeScript iş akışı

Sahne kodunu analiz et

Aracı proje yapısını haritalamak ve sahne dosyalarını bulmak için list_dir kullanır, böylece oyunu anlamak için ana kodu read_file ile okur. Yerel olarak çalışır. Hataları bulmak için grep kullanarak oyun nesnelerini arar. Yöntem imzalarını doğrulamak için resmi Phaser dokümantasyonunu web_search ve http_get ile okur. Değişiklikleri görmek için Plan only modunda planı gözden geçirirsiniz. Her düzenlemeyi onaylamak için Ask first moduna geçebilirsiniz. Düzenlemeleri uygular ve her dosya için size diff'leri gösterir. Tarayıcınızda yol konumunu ve ölçeği nasıl değiştireceğinizi kontrol ederek Phaser JS örneklerini test edersiniz.

Kamera titremesini düzelt

Aracı projedeki tüm tilemap ve sprite dosyalarını bulmak için glob kullanır ve sahne kodundaki kamera takip mantığını read_file kullanarak okur. Kontrol eder. Aracı, titreme efektine neden olan belirli kamera ayarlarını arar. Kamera yumuşatma seçenekleri için resmi Phaser dokümantasyonunu kontrol eder. edit_file kullanarak sahne dosyasındaki kamera takip ayarlarını değiştirir. Kamera bir sprite'ı takip ederken tilemap titreşimini bu ayarları ayarlayarak düzeltebilirsiniz. Aracı yerel geliştirme sunucusunu başlatmak için dev server komutunu çalıştırır. Shell, komutun gerçek çıkış kodunu gösterir ve kullanıcı sonucu tarayıcıda kontrol eder.

Windows için WebVision Canvas

Phaser projenize bugün başlayın

WebVision Canvas'ı İndir ↗