Создаем TileMap с помощью MapEditor

Tagged

Stats

2,178 visits, 2,256 views

Tools

Что вам понадобится

Adobe Air ShoeBox (Free)

Вам понадобится ShoeBox, чтобы создать файл с тайлами, если вы используете отдельные изображения. Но об этом позже.

Скачать: ShoeBox (Free)

MapEditor (Free)

Вам понадобится Editor, чтобы построить карту тайлов.

Скачать: MapEditor (Free)

Tilsets

Если у вас нет набора для тайлов, можете взять здесь: opengameart.org, а если вам нужен набор, который я использовал в этом уроке, пишите мне в личку ;)

Шаг 1 - Создаём файл с картой тайлов для импорта

Внимание: Можете пропустить этот шаг, если у вас уже есть файл, в котором есть все тайлы.

Запустите ShoeBox и нажмите правой клавишей мыши на "Sprite Sheet" (Первая вкладка), чтобы зайти в настройки. Выберите "Default" и поменяйте указанные два значения.

Tex Exdrude Size должно равняться 0

Tex Padding тоже равняется 0

Сохраните настройки, кликнув на "Apply". Теперь перейдите к папке с отдельными файлами и перетащите их во вкладку "Sprite Sheet" в ShoeBox.

Теперь ShoeBox создаст файл, включающий все тайлы. Сохраните этот файл.

Важно: В файле не должно быть пробелов или границ.

Шаг 2 - Импортируйте ваши тайлы в MapEditor

Теперь откройте MapEditor и создайте новый файл.

Я выбрал для своих тайлов 64x64 px, т.к. их ширина и высота 64px. То же самое сделайте для своих тайлов.

Внимание: Если вы используете те же тайлы, что и я, ставьте те же настройки, что и я.

Теперь вам нужно импортировать файл с тайлами (повторите этот шаг для каждого файла, который нужно импортировать). Жмите "Card - New TileSet"

Теперь выберите созданный ранее файл ShoeBox.

Размер поставьте также 64x64 px. Если импорт прошёл удачно, то вы увидите набор ваших тайлов в правой части редактора.

Если у вас не один набор тайлов, то между ними можео переключаться, нажимая вкладки.

Шаг 3 - Создаём разные слои

Теперь нам нужно создать несколько слоёв для нашей карты, например:

вода

земля

дорожка

Кликните правой клавишей мыши в белой области окна со слоями.

Давайте начнём с воды. Убедитесь, что выбрали слой "water".

1) Выберите нужный слой

2) Выберите ваши тайлы

3) Опционально: Можете поставить большее значение масштабирования, чтобы проще было идентифицировать тайлы.

Сохраняем карту тайлов

Чтобы экспортировать карту тайлов в Construct 2, нужно сохранить её как xml.

Нажмите -> Map - Map Properties - Layerformat 'XML'

А теперь импортируйте всё в Construct 2 и нарисуйте собственную карту тайлов :)

Удачи в реализации ваших проектов! :)

  • 0 Comments

  • Order by
Want to leave a comment? Login or Register an account!