Создание tileset спрайта из тайлов для карты в 2D игре

Сколько надо кусочков платформы нарисовать для аркадной 2D игры? Какие комбинации и сочетания плиток бывают и как можно упростить их создание? Заинтересовался этими вопросами и обнаружил за ними науку.

Оказывается, за созданием тайлов для игр стоит непростая геометрия, в зависимости от того какие сочетания с соседними клетками по горизонтали, вертикали и диагоналям мы хотим предусмотреть. Вот потрясающий сайт на английском популярно рассказывающий про все виды тайлинга, навигация по главам справа в колонке: http://www.cr31.co.uk/stagecast/wang/intro.html

Кратко. Математик Ван Хао описал законы для плитки на плоскости по разным правилам, связал с машиной Тюринга и всё систематизировал. Вот заумная статья про систематизацию тайлов: https://www.boristhebrave.com/2021/11/14/classification-of-tilesets/

Квадратные тайлы можно придумывать по разным правилам. Основные это — учитывать только соединение сторон (4), или соединение углов (4), или и сторон и углов (8). В современном мире это знание применяют дизайнеры текстур — тайлингом решается всё, от обоев с цветочками до кельтских узоров. И применяют создатели 2D игр, чтобы уметь рисовать по клеточкам землю в море или землю висящую в воздухе, в зависимости от того какую двухмерную игру они делают.

В качестве простого примера, вот варианты спрайтов из 16 видов плитки со всеми вариантами двуцветных углов. Тайлы собраны в спрайт как один остров, что удобно при разработке, чтобы видеть, как изображения состыкуются.

Самая важное знание: что для того, чтобы учитывать и углы и стороны, потребуется придумать 47 видов тайлов. 47 плиточек можно расположить в один спрайт в квадрат 7×7=49 (2 лишних) или в 8×6=48 (1 лишняя) или в 12×4=48 (1 лишняя). Вот примеры как 47 плиток собрать в один спрайт, чтобы было удобно наблюдать соединения:

Кроме того, сформировался опыт, как имея 5 тайлов разрезать каждый на 4 кусочка и собрать их в 47 комбинаций. То есть из такой картинки:

Автоматически сгенерировать вот такой стандартный шаблон 12×4:

Такую текстуру стало принято использовать в 2D игровых движках, поскольку она наглядна, как палитра, например, для создания уровней в играх-платформерах или для создания лабиринтов в RPG с видом сверху вниз.

Каталог игр и программ для ZX Spectrum

https://zxart.ee — сайт с огромным каталогом игр и программ для ZX Spectrum. Про каждую программу или игру есть полное описание, скриншоты, видео, карты, страницы рекламы и саундтреки. Есть все доступные сборки и версии, каждую из которых можно запустить, есть ссылки на описание в других каталогах. Вот, например, Exolon:

https://zxart.ee/rus/soft/game/arcade/shoot-em-up/exolon.

На сайте большое коммунити авторов, проводятся конкурсы на ZX-art и музыку.

Terry Brain и Richard Webber

Терри Браен — создатель пластилиновых мультфильмов из Англии. Широко известными его работами серии «Волас и Громмит» а также «Барашек Шон».

Мне он запомнился по игре Trap Door для ZX Spectrum, в которой синий монстр должен был готовить с помощью других монстров, которые населяли замок, и отправлять на лифте еду для приказывающего нечто. В последствии я выяснил что это игра была по пластилиновому мультфильму 1984—1990 годов.

Вот как выглядела игра.

Вот персонажи из мультфильма. В оригинале жёлтый попрыгунчик серый, а черви не розовые, а зелёные.

https://youtu.be/FjKnZ115WdY

The Trap Door - Season 2 Episode 6

 

Richard Webber (Waaber) —аниматор из пластилина, который работал вместе с Терри Браеном над «Воласом», «Шоном» и «DC’s World’s Funnest». Ричард Вебер известен своей серией безумных мультфильмов «Purple & Brown».

https://youtu.be/1a6Qzzepvks

PURPLE & BROWN - BALLOON #animation #purpleandbrown #waaber

Прохождение Thimbleweed Park

Прошёл Thimbleweed Park. Отличный квест, развязка неожиданная! Смогли удивить, хотя казалось бы всё уже придумано — игра останется примером продуманного финала. Вот полный плейлист прохождения, 8-я часть с концом игры.

Да, и это мой первый опыт летсплея. Это когда кто-то играет а вы смотрите. Зачем это? Иногда вам понятно, что играть вы сами не будете, но сюжет вам интересен — тогда будет удобно посмотреть видео с прохождением. Можно перематывать, перескакивать, включить на соседнем мониторе, смотреть на двойной скорости, бросить и т.п. Очень удобно, если вы взрослый занятой человек, которому хочется, но некогда.

reddit.com/r/place/

На 1 апреля на форуме Reddit сделали группу /r/place/, на которой был холст 1000×1000 пикселей и любой пользователь мог раз в пять минут в любом месте поставить точку одного из 16 цветов. Сперва начался хаос. Но позже люди стали организовываться, изображать что-то осмысленное. Через трое суток разработчики навсегда остановили процесс, получилась вот такая картинка.

Потрясающе!

Вот весь процесс на холсте в анимации из 72 кадров. Если владеете GIF-редактором, типа GIF Movie Gear, можете скачать, разоптимизировать и детально разглядеть. Очень любопытно разглядывать как кристаллизуются все эти персонажи, флаги, логотипы и надписи.

Или посмотрите полное видео, в высоком качестве. Напомню, что в ютюб плеере можно менять скорость воспроизведения в иконке «шестеренка».

Reddit Place (/r/place) - FULL 72h (90fps) TIMELAPSE

Вот краткий обзор на английском про происходящее.

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