Canvas, WebGL і система координат
Різниця між рендерерами, система координат 2D і робота з кольорами
Canvas vs WebGL
Canvas — стандартний 2D API браузера. Простий, підтримується скрізь, але повільніший при великій кількості об'єктів.
WebGL — GPU-прискорений рендеринг. Phaser використовує WebGL за замовчуванням через Phaser.AUTO. При 500+ спрайтах різниця стає відчутною.
Система координат
У Phaser (як і в більшості 2D-движків) початок координат (0, 0) — верхній лівий кут. Вісь X іде праворуч, вісь Y — донизу.
(0,0) ──────────► X
│
│
▼
Y
Це протилежно математиці, де Y іде вгору. Пам'ятай: більше Y = нижче на екрані.
Кольори в Phaser
Phaser використовує кольори у форматі 0xRRGGBB (hex з префіксом 0x), а не #RRGGBB як у CSS:
Для дебагу фізичних хітбоксів встанови `debug: true` у конфігурації Arcade Physics — Phaser намалює зелені прямокутники навколо всіх фізичних тіл.