Автонавигация внутри гугл-таблиц

Статья о том, как сделать удобную и автоматическую систему навигации внутри огромного массива гейм-дизайнерской информации в гуглдоках.

В одном из моих домашних проектов очень много сущностей, которые друг на друга взаимно ссылаются.

Например:

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

О том, как организовать эту систему навигации в гугл таблицах — и будет сегодняшняя статья.

Для начала, покажу как это выглядит в моём проекте.

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

Надо понимать, что сами абилки описываются в другом месте, а здесь мы просто в столбце «C» указываем какие абилки используются.

А всё, что находится в соседних столбиках — формируется автоматически. К этой информации относятся: описание абилок, их внешний вид и ссылки, кликая по которым пользователь мгновенно переносится к тому месту в документе, где эти абилки описаны.

Так, если мы нажмём по любой из этих ссылок, то перейдём к её описанию. Для примера — кликнем по абилке «Лавина», и система нас перенаправит к месту, где описана эта единица контента:

Часть параметров здесь генерируется автоматически. Например, в столбцах P:T перечислены все юниты, у которых есть эта абилка. Можно кликнуть по любому из юнитов и перенестись к месту, где для него эти абилки определяются.

Чтобы получить ссылку на определённую ячейку внутри гуглтаблицы:

Ссылка будет скопирована в буфер обмена

Ссылка на ячейку имеет следующий вид:

Зелёным цветом выделен идентификатор страницы 1397113246 (у каждой страницы в документе собственная id)

Красным цветом выделен адрес E15 нужной ячейки

Теперь эту ссылку можно использовать в качестве аргумента в функции «ГИПЕРССЫЛКА»

Давайте для примера создадим эту функцию в любой части документа и укажем полученную ссылку в качестве аргумента.

Первым аргументом мы указываем саму ссылку, а вторым указываем текст, который будет отображаться вместо ссылки.

Вот как будет выглядеть формула:

И вот как будет выглядеть результат:

Теперь, когда мы научились пользоваться ГИПЕРССЫЛКОЙ — слегка усложним задачу и сделаем динамическую ссылку.

Давайте разобьём нашу ссылку на две составляющие:

И внесём эти значения в какие-нибудь ячейки для теста:

Теперь мы можем пользоваться этими данными, чтобы объединять их в общую строку. Для этого используется амперсант (символ &)

Так, если мы укажем где-нибудь формулу «=A2 & A4», то получим строку https://docs.google.com/spreadsheets/d/1xM5NRLRnPMPSclOBi0NBZiCtbGIhvLSE2HP21gDEL2s/edit#gid=1397113246&range=E15

то есть — получим результат объединения значений из указанных двух ячеек.

Давайте воспользуемся новыми полученными знаниями и создадим формулу гиперссылки с динамически меняющейся ссылкой. Выглядеть она будет так:

Отлично! Однако, результат может быть нечитаемым если формула ссылается не на соседние ячейки. То есть, если вы вернётесь к этой формуле спустя месяц, или если другой человек попытается разобраться какие берутся значения и для чего — ему будет сложно это сделать.

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

Давайте так эту ячейку и назовём «ПреффиксСсылки» (без пробела). Для этого выделите данную ячейку. После чего обратите внимание на так называемое «поле названия», что находится в верхнем левом углу экрана:

Сейчас в поле названия отображается адрес ячейки, так как для этой ячейки не дано уникальное название. Чтобы исправить это — прямо в этом поле введите «ПреффиксСсылки» и нажмите Enter для подтверждения. После этого Вы должны наблюдать следующий результат:

Название не вместилось полностью, и это нормально. Зато теперь данная ячейка имеет своё название, которым можно пользоваться в других формулах.

Давайте слегка перепишем формулу, как показано на изображении ниже.

Не правда ли — формула стала намного понятнее? Теперь обозревателю документа не придётся долго думать над смысловой нагрузкой формулы, которая использует осмысленные названия ячеек.

Теперь, когда мы научились первым основам, создадим гугл документ. Я назвал его «GD learn 1». Вы можете ознакомиться с документом по этой ссылке.

Создадим в документе 2 первые страницы «Юниты» и «Здания», которые в будущем будут друг на друга ссылаться. В юнитах мы будем вводить где они производятся, а в зданиях будет отображать кто в них произовдится.

Начальное содержимое юнитов:

Начальное содержимое зданий:

В будущем нам потребуется ссылаться на обе эти страницы. Давайте узнаем адрес ссылки на ячейку «B1» и для юнитов, и для зданий, как Вы были научены этому вначале данной статьи.

В моём случае получились следующие адреса для Юнитов и Зданий соответственно:

Ссылки отличаются только той частью, где указывается id страницы. У страницы юнитов id = 0, у страницы зданий id = 771235142

мы будем часто пользоваться преффиксами этих ссылок. Поэтому давайте создадим ещё одну вспомогательную страницу «Константы» и укажем там соответствующие данные:

Обратите внимание, что в качестве значений я перенёс ссылки не полностью, а лишь до последнего символа «B», без указания номера строки.

Давайте укажем уникальные имена для ячеек B2 и B3 через «поле названия» и зададим им имена «ПрефЮниты» и «ПрефЗдания» соответственно, чтобы мы могли на них ссылаться из других формул.

Теперь вернёмся к странице «Юниты».

Там, в столбце «Производится в» мы указываем название здания, где этот юнит может быть нанят. А в столбце «Ссылка на здание» мы хотим чтобы осуществлялся быстрый переход к тому зданию, где этот юнит производится.

Думаю, вы уже догадываетесь, что вместо названия здания — мы должны оперировать номером строки, в котором данное здание производится.

Найти нужные строки несложно.

Для начала — создадим новый столбец «Строка здания»

Затем, введём формулу для первого юнита, как указано на скриншоте ниже:

Функция «ПОИСКПОЗ» ищет указанное значение в диапазоне и возвращает в нашем случае строку, в которой находится желанное значение.

Данная функция имеет 3 аргумента:

В результате получим следующее:

Теперь «протянем» эту формулу на всех юнитов. Для этого нажмите мышкой по синему квадрату слева снизу ячейки, и не отпуская протяните её до последнего юнита, как показано на скрине:

Вот что должно получиться:

Для нас «строка здания» — вспомогательный столбец. Теперь мы можем им воспользоваться, чтобы получить ссылку на каждое здание в столбце «ссылка на здание».

Для этого введём формулу, как указано ниже:

Ещё не забыли, что ПрефЗдания — это название ячейки, в которой мы указали преффикс ссылки на соответствующую страницу? Если забыли — то найдите первое упоминание «ПрефЗдания» в данной статье -)

Аналогично протянем формулу на весь столбец и получим следующее:

Для лаконичности, когда мы разобрались с тем как что работает — предлагаю переименовать столбец «Строка здания» в простое «#»

Отлично! Теперь, при клике по ссылке — пользователь моментально перенесётся к той части документа, где описаны характеристики соответствующего здания.

Давайте, чтобы было приятнее работать с документом, сделаем ещё пару манипуляций.

Для начала — добавим иконки для всех юнитов и всех зданий в столбец «A» (Иконка).

Для этого выделите нужную ячейку и воспользуйтесь командой «Вставка → Изображение → Вставить изображение в ячейку». После чего укажите желаемое изображение (можно изображения брать из буфера обмена, предварительно скопировав их туда где-нибудь из интернета).

Вначале у Вас получится что-то на подобии такого, не совсем читаемого

Чтобы иконки было проще читать — увеличьте размер строк таким образом, чтобы их высота совпадала с шириной столбца A, и тогда получится нечто такое:

и

Отлично!

Теперь, когда для каждого элемента контента у нас есть картинка — давайте заменим текст ссылки «перейти к зданию» на картинку самого здания!

Сделать это очень просто, но для начала напомню как у нас формула выглядит в данный момент:

Давайте заменим второй аргумент, и вместо строки «Перейти к зданию» вложим следующую функцию:

Если раньше никогда с ней не сталкивались — попробуйте самостоятельно разобраться как она работает. Кому разбираться лень — ответ ниже.

Функция ИНДЕКС позволяет выбрать определённый элемент из заданного диапазона.

В данном случае мы указали столбец с картинками зданий и запросили вернуть элемент #2 из этого массива.

То есть, в конечном итоге, формула «ИНДЕКС( 'Здания'!A:A; D2 )» вернёт картинку Бараков. А так как эта формула в качестве аргумента «текст ссылки», то вместо текста будет отображена соответствующая картинка.

Результат следующий:

Скопируем эту формулу во все строки, и получим:

И это не просто картинка здания. Это картинка-ссылка -) Если мы наведём на одно из них, то получим информацию о том, куда эта ссылка ведёт:

Теперь перейдём к более тяжёлой задаче.

Мы хотим, чтобы каждое здание давало ссылку на производимых в нём юнитов. Давайте перейдём к странице «Здания» и вообще вспомним как она сейчас выглядит:

Будем двигаться к цели постепенно.

Функции JOIN() и FILTER()

Для начала просто строкой выведем что в них производится.

Введём следующую формулу (мы её разберём немного попозже), которая затрагивает сразу две новые функции (JOIN и FILTER):

Результат её выполнения Вы видите ниже:

Теперь разберём как работают затронутые функции. начнём с функции «JOIN»

Итак, Join объединяет множество строк и вставляем между ними указанный символ.

Например, если Вы введёте как указано ниже:

То получите следующий результат:

Теперь рассмотрим функцию FILTER

Принцип её работы для неподготовленных пользователей может показаться тяжёлым для понимания, потому постараюсь объяснить кратко, не углубляясь в лишнюю детализацию.

FILTER — фильтрует массив, заданный в первом аргументе по тем условиям, что указываются в последующих аргументах. Выводит данная функция результирующий массив, каждый элемент которого прошёл указанные условия.

Например, из таблицы ниже нам нужно взять только те товары, которые относятся к категории «провизия». Для этого воспользуемся формулой как на скриншоте:

Получим следующий результат:

Так как результатом работы функции FILTER является массив, то он отображается сразу в нескольких ячейках (по ячейке на каждый элемент массива).

Однако, если мы опоясаем эту формулу функцией JOIN, как это показано на скрине ниже — то в результате получится одна строка. Вводим:

И получаем:

Подытожим — сначала функция FILTER выдаёт отфильтрованный массив, затем функция JOIN объединяет его через запятую.

Вернёмся к нашим зданиям. Получившуюся формулу распространяем на весь столбец и получаем:

Теперь в соседних столбцах мы можем отобразить иконки производимых ресурсов. Давайте создадим столбец «Юниты» и введём формулу, как указано ниже:

Получим результат:

Перейдём к разбору формулы.

Функция ТРАНСП — меняет местами строки и столбцы, поэтому вместо того, чтобы были выведены значения в каждой новой строке — они выводятся в каждом новом столбце.

Функция FILTER в данном случае ссылается на массив изображений юнитов, и фильтрует их по столбцу «Юниты!C:C», в котором для каждого юнита указывается место производства.

Однако, у нас получились простые картинки юнитов. Они не являются ссылками. Мы бы могли засунусть сюда же функцию ГИПЕРССЫЛКА, но в данном случае формула вышла бы слишком громоздкой.

Вместо этого слегка облегчим себе задачу и пойдём другим путём.

Вернёмся на страницу Юниты и создадим себе вспомогательный столбец «Самоссылка».

И введём туда следующую формулу:

Здесь функция СТРОКА() — будет возвращать номер строки, в которой эта формула введена. То есть в данном случае вместо СТРОКА() подставится цифра 2 (так как формула располагается во второй строке).

А в качестве текста ссылки мы ссылаемся на Иконку, указанную в стобце А.

Получится следующий результат:

Почти то же самое, что и в столбце «иконка», но в данном случае это будет не просто картинка, а картинка-ссылка, которая ссылается на этого же юнита.

Если Вы ещё не понимаете для чего это нужно, то поймёте позже. А пока — скопируем эту формулу на все строки и получим:

Теперь вернёмся к Зданиям и вспомним формулу, которая ссылается на портреты юнитов и слегка её отредактируем. Теперь вместо того, чтобы она ссылалась на иконки юнитов (Юниты!A:A) она будет ссылаться на их самоссылки (Юниты!F:F) и примет следующий вид:

Распространим эту формулу на все строки и получим результат:

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

Подведите сами.

Спасибо за внимание -) Если хотите больше статей — давайте обратную связь и оставляйте комментарии. Только это может мотивировать меня на следующие статьи.

PS — посетите мой канал, в котором я иногда выкладываю что-то полезное по геймдизайну

Ссылка на канал: https://www.youtube.com/channel/UCc4K01n22fLFgveAtSMEfNw