Практическая работа: пиксельный кот в Google Таблицах

1. Цель работы

Тема

Google Таблицы

Работа с ячейками, диапазонами, формулами и условным форматированием.

Результат

Картинка кота

В таблице должна появиться пиксельная картинка, собранная из цветных ячеек.

Время

1 пара

Работа рассчитана примерно на 80–90 минут вместе с настройкой и проверкой.

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

2. Итоговая картинка

После выполнения работы в Google Таблицах должен получиться примерно такой кот:

0 — фон

1 — контур

2 — шерсть

3 — уши и нос

4 — глаза

5 — мордочка

3. Код картинки

Создайте в Google Таблицах отдельный лист с названием Код. Вставьте строки ниже в диапазон A1:A25. Каждая строка — это один ряд пикселей кота.

0000000000000000000000000
0000000000000000000000000
0000001110000000111000000
0000001210000000121000000
0000013331000001333100000
0000013331001001333100000
0000133333122213333310000
0000133333122213333310000
0001333333312133333331000
0001222222212122222221000
0012222222221222222222100
0001222222222222222221000
0002222244222224422222000
0012222241222221422222100
0012222222222222222222100
0011111222555552221111100
0002222255553355522222000
0111112255551555522111110
0001222255515155522221000
0011111222555552221111100
0000012222222222222100000
0000001122222222211000000
0000000011222221100000000
0000000000001000000000000
0000000000000000000000000

Важно: в каждой строке должно быть ровно 25 символов. Нельзя добавлять пробелы в начало или конец строк.

4. Порядок выполнения

Шаг 1. Создайте новую Google Таблицу. Первый лист назовите Кот, второй лист назовите Код.

Шаг 2. На листе Код вставьте код картинки в диапазон A1:A25.

Шаг 3. На листе Кот выделите диапазон B2:Z26. Это будет поле 25×25 клеток.

Шаг 4. Сделайте клетки квадратными: установите ширину столбцов B:Z примерно 22–26 пикселей и высоту строк 2:26 примерно 22–26 пикселей.

Шаг 5. В ячейку B2 вставьте формулу из следующего раздела и протяните её вправо до Z2, затем вниз до Z26.

Шаг 6. Настройте условное форматирование для диапазона B2:Z26, чтобы цифры автоматически превращались в цвета.

5. Формулы

Главная формула берёт нужную строку с листа Код, затем достаёт из неё один символ. Из этих символов и собирается картинка.

Вариант 1: разделитель «;»

Чаще подходит для русской локали таблицы.

=MID(INDEX(Код!$A$1:$A$25;ROW(A1));COLUMN(A1);1)

Вариант 2: разделитель «,»

Используйте, если Google Таблицы ругаются на точку с запятой.

=MID(INDEX(Код!$A$1:$A$25,ROW(A1)),COLUMN(A1),1)

Что делает формула

Часть формулы	Значение
`INDEX(Код!$A$1:$A$25;ROW(A1))`	Берёт нужную строку из кода картинки.
`ROW(A1)`	Возвращает номер строки внутри рисунка. В первой клетке это 1.
`COLUMN(A1)`	Возвращает номер столбца внутри рисунка. В первой клетке это 1.
`MID(...; ...; 1)`	Достаёт один символ из строки: 0, 1, 2, 3, 4 или 5.

Если в вашей таблице используются русские названия функций, можно попробовать вариант: =ПСТР(ИНДЕКС(Код!$A$1:$A$25;СТРОКА(A1));СТОЛБЕЦ(A1);1)

6. Условная заливка ячеек

Выделите диапазон B2:Z26 и откройте: Формат → Условное форматирование. Для каждого кода создайте отдельное правило.

Условие	Заливка	Цвет текста	Назначение
Текст точно совпадает с `0`	`#FFFFFF`	`#FFFFFF`	фон
Текст точно совпадает с `1`	`#111827`	`#111827`	контур и усы
Текст точно совпадает с `2`	`#9CA3AF`	`#9CA3AF`	серая шерсть
Текст точно совпадает с `3`	`#F9A8D4`	`#F9A8D4`	розовые уши и нос
Текст точно совпадает с `4`	`#FACC15`	`#FACC15`	жёлтые глаза
Текст точно совпадает с `5`	`#F8FAFC`	`#F8FAFC`	белая мордочка

Чтобы картинка выглядела аккуратнее, можно отключить сетку: Вид → Показать → Сетка. Также можно скрыть лист Код, когда работа уже готова.

7. Самопроверка

После протягивания формул можно проверить, правильно ли собрался рисунок. На свободном месте листа вставьте формулы подсчёта цветов.

Формулы проверки

=COUNTIF(B2:Z26;"1")
=COUNTIF(B2:Z26;"2")
=COUNTIF(B2:Z26;"3")
=COUNTIF(B2:Z26;"4")
=COUNTIF(B2:Z26;"5")

Правильные значения

`1` — чёрный	92
`2` — серый	169
`3` — розовый	48
`4` — жёлтый	6
`5` — белый	32

Если значения не совпали, значит где-то не протянута формула, изменён код картинки или в строках кода появился лишний символ.

8. Дополнительное задание

Если основная часть выполнена раньше времени, доработайте картинку одним из способов:

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

Дополнительная часть оценивается только если основная картинка собрана через формулы, а не вручную.

9. Критерии оценки

Критерий	Баллы
Созданы листы `Кот` и `Код`, код изображения вставлен без ошибок	2
Диапазон 25×25 подготовлен, клетки сделаны квадратными	2
Формула корректно разбирает код картинки по строкам и столбцам	3
Настроена условная заливка для всех кодов от 0 до 5	3
Итоговая картинка визуально похожа на эталонного кота	3
Выполнена самопроверка через `COUNTIF`	2
Дополнительное творческое улучшение	до 2

Максимум: 15 баллов за основную часть и до 2 дополнительных баллов за улучшение картинки.