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

12

Tagged

Stats

7,942 visits, 10,009 views

Tools

License

This tutorial is licensed under CC BY 4.0. Please refer to the license text if you wish to reuse, share or remix the content contained within this tutorial.

Published on 29 Apr, 2016. Last updated 25 Feb, 2019

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

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 и нарисуйте собственную карту тайлов :)

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

  • 1 Comments

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