Що таке Phaser 3 та ігровий движок
Як працює ігровий цикл, чим Phaser відрізняється від Three.js і Unity
Що таке Phaser 3
Phaser — це безкоштовний JavaScript-фреймворк для створення 2D-ігор у браузері. Він працює на Canvas або WebGL, має вбудовану фізику, систему анімацій, роботу зі звуком і тайлмапами.
Phaser 3 — повністю переписана версія з модульною архітектурою. Він використовується в тисячах ігор на itch.io, Kongregate та CrazyGames.
Phaser — це будівельний кран, не цегла
Можна написати гру на чистому Canvas API — це як класти цеглу вручну. Phaser дає тобі кран: він бере на себе рендеринг, фізику, колізії, анімацію і звук. Ти зосереджуєшся на логіці гри, а не на технічних деталях.
Ігровий цикл (Game Loop)
Будь-яка гра — це нескінченний цикл:
- preload — завантаження ресурсів (зображення, звуки, тайлмапи)
- create — ініціалізація об'єктів (спрайти, фізика, камера)
- update — логіка кожного кадру (~60 разів на секунду)
Phaser автоматично керує цим циклом. Тобі потрібно лише написати код для кожного з цих методів.
**Phaser.AUTO** означає: використовувати WebGL якщо браузер підтримує, інакше — Canvas. Для більшості ігор це оптимальний вибір.
Чим Phaser відрізняється від інших
| Phaser 3 | Three.js | Unity | |
|---|---|---|---|
| Вимір | 2D | 3D | 2D + 3D |
| Мова | JavaScript | JavaScript | C# |
| Фізика | вбудована | немає | вбудована |
| Складність | низька | середня | висока |
| Браузер | так | так | WebGL build |
Phaser ідеальний для платформерів, аркад, RPG, puzzle-ігор та будь-яких 2D-жанрів.