Середній
+25 XP

👋 Починай вчитися JavaScript прямо зараз — безкоштовно!

📖

Tiled Map Editor: основи

Встановлення Tiled, тайлсети, шари тайлів та об'єктів, експорт у JSON

Що таке Tiled Map Editor

Tiled — безкоштовний редактор карт для 2D-ігор. Завантажуй з mapeditor.org. Ти малюєш рівень з тайлів, а Phaser завантажує JSON-експорт.

Основні поняття:

  • Tileset — аркуш із тайлами (маленькими квадратними спрайтами)
  • Tile Layer — шар із тайлів (фон, платформи, декорації)
  • Object Layer — шар з об'єктами (позиція гравця, ворогів, монет)

Робочий процес

  1. Імпорт тайлсету у Tiled (PNG-файл, вказати розмір тайла 16×16 або 32×32)
  2. Створення шарів: ground (колізія), decorations (фон), objects (точки спауну)
  3. Малювання рівня тайлами
  4. Експорт: File → Export As → JSON
  5. Завантаження в Phaser через this.load.tilemapTiledJSON
javascript

У Tiled встанови властивість `collides: true` для тайлів що мають бути перешкодами (через панель Tileset → Edit Tileset → кастомні властивості). Тоді в Phaser використай `setCollisionByProperty`.

Коментарі

Увійти або Почати щоб залишити коментар.