Как правильно сгенерировать игровое поле?

Question

[Дмитрий Демидов]

Доброго дня.

Делаю игру на Unity. Нужно сгенерировать игровое поле, заполненное тайлами. Есть два требования.
1. На поле должна быть наложена сетка. То есть явно обозначены границы игровых клеток.
2. В каждой клетке должна отображаться текстовая информация (число), с которой я в дальнейшем буду работать - изменять, скрывать итд.

Собственно, вопросы.

1. Как правильно наложить сетку на игровое поле? То, что я нашел представляется избыточным.
2. Отображение чисел я сделал накладыванием меньшего размера поверх спрайта фона. При этом спрайт с числом берется рандомно из массива префабов. Но копаясь среди компонентов обнаружил GUI Text. Отобразить его не получилось пока, но кажется он мне больше подходит. Может есть еще какой-то, более правильный способ, реализовать такой функционал?

Спасибо заранее за ответы.

Answer 1

[Владимир Лимарченко]

Смотря какая сложность игры и что потом будет происходить. Я недавно сделал простую игру типа 2048 целиком на UnityUI. То есть у меня есть только Canvas и все что есть в игре сделано при помощи UI. Там есть для построения сеток GridLayoutGroup.
Нашел такой крутой скрипт и использовал его вместо GridLayoutGroup: www.justapixel.co.uk/ugui-auto-scaling-grid-layout-code
По сути тоже помогает организовать сетку, только этот еще и растягивает по размеру в зависимости от размера Canvas.
Если это не подходит, можно для каждого тайла создать Canvas, перевести в WorldSpace и показывать на нем GUI Text. На счет производительности такого решения не знаю, но по идее все должно получиться.
Забыл написать - есть еще TextMesh. Тоже подходит для отображения текста. Самое простое в Вашем случае по - моему. А никто еще не предлагал его.

Comments

[Дмитрий Демидов]

спасибо за развернутый ответ. буду пробовать

Answer 2

[V Sh.]

Если прямоугольное поле, то перебором по массиву(длина, ширина) рисуем квадраты на канвасе со смещением на длину ячейки. Что отображать внутри ячейки решает объект, лежащий в массиве: какая цифра - такую и рисуем или вставляем подготовленный спрайт.
По сути будет просто картинка на канвасе. Затем начинается работа с мышью, определение координат щелчка и определение той ячейки, которая отвечает за определенный участок игрового поля. Затем вызываем метод кликнутой ячейки. Все просто вроде...

Comments

[Константин Китманов]

Речь не про веб, какой канвас?

[V Sh.]

Константин Китманов: Замени "канвас" на любой другой объект, поддерживающий работу с графикой(нарисовать линию, круг, квадрат). От этого принцип разделения игры на модель и представление не изменится.

[Константин Китманов]

Вадим Ш.: спасибо, капитан!

[V Sh.]

Константин Китманов: и к чему ваш комментарий про канвас тогда?

[Даниил Басманов]

Константин Китманов: Вообще говоря, в юнити канвас тоже есть

[Константин Китманов]

Даниил Басманов: он там просто контейнер для остального UI, емнип.

[Дмитрий Демидов]

> какая цифра - такую и рисуем
а вот как правильно ее отрисовать? спрайтом или GUI Text Component?

Answer 3

[GreatRash]

Если поле заполнено тайлами, то не логичней ли рисовать сетку сразу на текстуре тайла? В конце концов можно вообще накладывать сетку шейдером.

Comments

[Дмитрий Демидов]

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

[GreatRash]

Дмитрий Демидов: Рисовать линию тоньше. А для крайних тайлов юзать отдельный спрайт.

Answer 4

[xmoonlight]

Создайте сетку из квадратного префаба: расположите несколько рядом в виде матрицы.
Расчет координат каждого блока - чистая геометрия.

Comments

[Дмитрий Демидов]

в этом случае нужно делать поправку на толщину границы, если я правильно Вас понял.

[xmoonlight]

Дмитрий Демидов: ммм, теперь я Вас недопонял... можете пояснить?

[Дмитрий Демидов]

xmoonlight: если мы возьмем два квадратных спрайта с нарисованными границами и поставим рядом, то в месте касания линия будет толще.

[xmoonlight]

Дмитрий Демидов: верно. нужен будет так же префаб границы сетки: это "пиксель"(минимальная область по длине и ширине) с материалом как на границах на тайлах. Вы его растягиваете и превращаете в линию любой длины и толщины вокруг вашей матрицы из тайлов.

[Дмитрий Демидов]

xmoonlight: примерно понятно. буду пробовать вечером.