Практическая работа: пиксель-арт 100×100 в Google Таблицах

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

Вам нужно восстановить в Google Таблицах пиксель-арт размером 100×100 ячеек. Каждая ячейка таблицы будет работать как один пиксель изображения.

Время

1 пара

Работа рассчитана на одно занятие. Выполняйте шаги по порядку и не пропускайте проверку.

Размер

100×100

Итоговый рисунок должен занимать диапазон A1:CV100 на листе Рисунок.

Цвета

16 цветов

Для картинки используется палитра из 16 цветов. Каждый цвет задаётся отдельным правилом условного форматирования.

Образец изображения

Образец пиксель-арта с зелёным ходячим домиком

На этот образец нужно ориентироваться при визуальной проверке результата.

Предпросмотр результата

Такой вариант получится после раскодирования символов и настройки всех цветов.

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

2. Как устроено изображение

Картинка заранее переведена в символьный код. Код состоит из 100 строк, и в каждой строке находится ровно 100 символов.

Один символ — это один пиксель. Например, символ 0 обозначает цвет неба, символ 3 — основной зелёный цвет, а символ F — самый тёмный коричневый цвет.

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

После этого условное форматирование заменит символы на цвета: если в ячейке стоит 0, ячейка станет голубой; если стоит 3, ячейка станет зелёной; если стоит F, ячейка станет тёмно-коричневой.

Лист Код:     одна строка из 100 символов
                    ↓
Формула:      берёт 1 символ из строки
                    ↓
Лист Рисунок: одна ячейка = один пиксель
                    ↓
Заливка:      символ превращается в цвет

3. Подготовка Google Таблицы

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

Создайте новую Google Таблицу.
Название файла: Пиксель-арт 100x100 — Фамилия Имя.
Создайте два листа.
Первый лист назовите Код. Второй лист назовите Рисунок.

Пишите названия листов без лишних пробелов. Формула будет обращаться именно к листу Код.
Подготовьте лист Код.
Вставьте код изображения из следующего раздела в ячейку A1. После вставки код должен занять ячейки A1:A100.
Подготовьте лист Рисунок.
Выделите столбцы A:CV и задайте ширину столбцов 12 пикселей. Затем выделите строки 1:100 и задайте высоту строк 12 пикселей.
Не меняйте масштаб изображения вручную.
Размер картинки должен получиться за счёт одинаковой ширины столбцов и высоты строк.

4. Код изображения 100×100

Скопируйте код полностью и вставьте его на лист Код в ячейку A1. В коде нельзя удалять символы, добавлять пробелы или объединять строки.

8888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888
0000000000000000000000000000000000000000000000000000000000000000000000080000000000000000000000000000
0000000000000000000000000800000000000000000000000000000000000000000000A5A000000000000000000000000000
000000000000000000000009CCC900000000000000000000000000000000000000000ABABA00000000000000000000000000
0000000000000000000009CCC2CCC90000000000000000000000000000000000000008BBB800000000000000000000000000
000000000000000000009CCC22CCCCA000000000000000000000000000000000000000BBB000000000000000000000000000
0000000000000000000ACCC222CC22CA00000000000000000000000000000000000000BAB000000000000000000000000000
00000000000000000009DDDDDDDDDDD900000000000000000000000000000000000000BAB000000000000000000000000000
0000000000000000000088888A88888000000000000000000000000000000000000000BAB000000000000000000000000000
000000000000000BBBBB00000900000000000000000000000000000000000000000000BAB000000000000000000000000000
00000000000000088AFA00000800000000000000000000000000000000000000000000BAB000000000000000000000000000
000000000000000000B000000800000000000000000000000000000000000000000000BAB000000000000000000000000000
00000000000000000A8A0000090000000000000000000000000000000000000000AAAAAAB000000000000000000000000000
0000000000000008ABABA888AAAAAAAA00000000000000AAAAAAAAAAAA000000AABBBBAB8000000000000000000000000000
000000000000000B9191999999AAAAAB00000000000AA34466666666443AA0AABBABBBB80000000000000000000000000000
0000000000000008A999999999CCCCCB000000000AA66622666222222636635BBAB888800000000000000000000000000000
00000000000000008EDDDDDDDDEEEEEB00000000A66666666666622222662664BB8000000000000000000000000000000000
000000000000000008BCCCCCCCCDDEF80000000A4663333366666626222662264B0000000000000000000000000000000000
0000000000000000008DDDEDEEDFFF80000000A433333333333666266222632264000000000000000000A000000000000000
00000000000000000008888FFFF8880000000A4333333333333336626622263226A00000000000000000BAA0000000000000
00000000000000000000000FEEEA00000000053333333333333333362362224322400000000000000000ACCAAAA000000000
000000000000000000000008FEDE00000000A4443333333333333333663623AA333A0000000000000000ACCCCCCCA0000000
000000000000000000000000FECD000000005444433333333333333332332B99B6340000000000000000A99CCCCCCA000000
000000000000000000000000FECDA000000A4444433333333333333332336B8AB263A000000000000000A99CCDDDD9000000
0000000000000000000000008FDCDA0000054444433333333333333332333BA7B2234000000000000000ADDDD98880000000
00000000000000000000000008FDCDA000054444433443333333333332333B77B2234000000000000000B899800000000000
000000000000000000000000008FDCDAAAA54444433443333333333336333B77B2234000000000000000B000000000000000
0000000000000000000000000008FDCDDDD54444434443333333333333333B77B2234000000000000008A800000000000000
00000000000000000000000000008FDDDDD544444344433333333333333336AB622640000000000000A44400000000000000
000000000000000000000000000008FFFFF544444344433333333333333332362222400000000000AA6666AA000000000000
00000000000000000000000000000088888544444344434333333333333332323B2240000000000A43662266A00000000000
000000000000000000000000000000000005444443444343333333333333323BBB624000000000A5333362226A0000000000
0000000000000000000000000000000000054444434443433333333333333235DDB650000000005433333222240000000000
000000000000000000000000000000000005444443444343333333333333323BDDB240000000005433333233240000000000
000000000000000000000000000000000005454443444343333333333333323BC2B6400000000054333333ABB40000000000
000000000000000000000AAA000000000005454443444344333343333333363BCCB240000000005433333578540000000000
00000000000000000000ABBBA00000000005444443444344333344333333333BDEED500000000054333336AA640000000000
0000000000000000000ABAAAB00000000005454443444344333344333333333BEDCDFAAA0000005433333236240000000000
0000000000000000000BABBB80000000000545444444434433334433333333336DEDDDDDAAAAAA5434333232240000000000
00000000000000000008B5BBAA000000000545444444434433334433333333332666DEEDDDDDDD5434333232240000000000
0000000000000000000088BBBBA00000000545444444434433334433343333332222B888DDDDDE5444333232240000000000
0000000000000000000008AB445A000000054544444444443333443344433333222250008888885444333232240000000000
0000000000000000000005444436AA0000054544444444443443444344433333222250000000005444343232240000000000
00000000000000000000A666666666A000054544444444443443444344433333222250000000005444343232240000000000
0000000000000000000A46222226626A00054444444444443443444344433333222250000000005444344232240000000000
1110000000000000000533666222222400054444444444443453444344433333222250000000005444445332250000000000
11110000000000000005333336233224000545444444445434434444444333332222B0000000005444444336250000000000
11111100000000000005333333ABBA240005454444444454345344444444333322245BA00000005454445333240000000000
11111110000000000005333333BDDB24000545444444445434534444444433332446664BA000005454545333250000000000
11111111111000000005433333BDDB2400054544445444543454444444443334466222644A00005455545333250000000000
11111111111100000005433333BC2B64000545444454445434444444444433446626222264A0005455F55444650000000000
11111111111100000005434333BCCB2400054544445444543454444444444443644362222650005455EF55F5640000000000
00000000000000000005445333BDEED4000545454454445434544544444445434AAB32222250005455EE55E5640000000000
00000000000000000005BAB433BEDDDEAAA54544445444543454454444444543B99B32662250005455EE55F5640000000000
00000000000000000005B88B3334DDDDDDD54545445555554555555555544544B8AB36332250005455EEFF55640000000000
000000000001111111154AA433334B6DEEE5454545555FFFFF8888FFFF544544BA7B3334365000555FEEFE55640000000000
0080000000111111111544444333442B8885454545555EEEEF000AEEEE544544B77B334AB45000885FDEFF55640000000000
089800000111111111154544533444650005454555555EEEEEA00FEEEE544544B77B33B78B5000005FCEF555250000000000
0A1A00000000000000054544533444250005455555555EEEEEF0AEEEEE544544B77B333AA4500000BDCEF555480000000000
891980000000000000054544534444250005455555555EFFEEF0FEEFFE544544B77B33336450000ADCDF5555800000000000
A111A0000000000000054545535444640005555555555EFFEEFBEEEFFFF54544B77B3333245000ADCDF55555000000000111
A111A000000000000005454554555625000885555555FFFFEEDFDEFFFFEF55444AA4333425FAAADCDF555555000001111111
111998000080000000054555FFF55448000008855FF5EFFFEDCDCEFFFEEF8544444333344DDDDDCDF5555558000111111111
91991A0008980000000545F5EEE5FF5000000AAFFF55EFFEECCCCEFFEEDF0544444343345DDDDDDFA5555580011111111111
A9999A000A1A0000000545F5EEE5FE50000AA889EF55DEFEDCCCCEFEEDCF0544544343346FFFFFF805555500011111111111
A999988081198000000545F5EEE5FE500008E00AFDDFCEEECCCCCEEEDCCFB544544343342558888005555500000000000000
999999B0A999A000000545F5EEEFEF800000DBBDDEEDCDEDCCCCCDEFEEEDD544545454342550000008555800000000000000
999999B0AA99A000000545F5EEEEFF00000AFEDEEFFEEEFEEEEEEEFDDDDEE545555555442550000000888000000000000000
999999AAAA99880000054555EEEEFF000ABDDCCDDDDDDDDDDDDDDDDCEEEFF5555FFF5555255000000000000000000000000A
9999999BA9999A0000055555EEEDF8000FFEEEEEEEEEEEEEEEEEEEEEEFFEF5855EEE555F45500000000000000000000000AA
9999999BA9999A0000085555EEDCDA0008FEFFFFFFFFFFFFFFEFFFFFEEFEFF055DDD555E55500000000000000000AAA000BA
ABA9999AB999988000005555FECCCF00008FEEEEFEEEFEEEEEEEEFEFEEFEFF08FCCC55FE5550000000000000000ABBBA0AAA
AAAA9999B99999A000005555FECCCDA00008FFFFEEEEEFFFFEEFFEEFEEDEDDA0FCCC5FEF5550000000000000000BAAAB0BAA
999ABBBBBB9999A000005555FECCCCF0000088FEEEEEEEEEEEFFEEFEEDDDCCDBDCCC5555555000000000000000AAAAAAAAAA
AABA999999BBB99800008558FECCCCDBAAAAAABFEEEEEEEEEEFFEFEFFEFCCCEDCCCD5855555000000AA0000000BAAAAABAAA
5599111111999BBA000008808FDCCCCFBBBBBBBBDEEFFEEEEEEFFFEEEFDCEEDCCCCDB055555A0000ABB0000000BAAAAABAAA
99AAAA111111199B000000000FECCCCBAAAAAAABDDB55EFFEEEFFEEEEDCCFDCCDCCD50555588AAAA8BBA000000BB44444BBB
119944AAA1111119A000000008FDCCBAAAAAAAAABB445544EEEEEEEEEDCCDDCDDCCD5085548844480BB8A000AA4333333333
119933444AA111119A0AAAAAAAFEBBBBBBBAAAAAA5555544FEEFFEEEEECCCFDDCCCCB083626662688BB88AAA443334433333
AA433333334A1111A5A996665BFEBBABBBBAAAAAABAAAAB45EF55FEBBEDCCDECCDCEDBB4AAA6222645B6645333344BB44444
666433444444AAAA99919226AABBAAABBBBBAAAAAABBBBB45F5445E44EECCCDEEECFCDFFBBBBB2225552264444556BB56666
2226443344334444A912222BAAABAAABAABBBBBBBBBBBBABBB5BB5554EEDCCCDDFEDCCDDFFEE62225552336666662BB66222
22233333333333334462626AAABBAABBBAAABBBBBBBAAABDBAABB5555EEEDCCCCDDCCCCDDDFF22225554662223322BB26B22
33333444B4433333333444BAAABAAABEDBAAAAAAABAAABDCDBABBB555EEEEECCCCCCCCCDDCDDDDD45555324425522BB226AB
44444BBBBBA43333334555AAABAAABEDDDBBBBBBBBAAABCCCBABAB445EFBBFCCCCDCCCCCDDCCDDDF5555525525522BB22355
3335BBABAABB433334555BBBBBBBBFECEDDDEDDFBAAABDDDDDBABDB455554EECCCDDCCCCCDDEEEE65555525525522BB33433
33BABBBAABBBAB4445554BDEDEDEBEDDDFDCDDCDEBBBBCEEECBBBCB455554EEECCCCDEEEEEF666626665545525523BB43333
33BBBBBBBBBBB56654545BCECECEBBCEDDDDCDDCDEDDBCEECCBDDCDB54455EEEEEEEF666666222DDDD26665545534BB33333
3334F433445F662355555BBFBFBFBBBFBBBFBBFBBFEBBBEECCBCCEBB54455EEEF666622222222DDEEDD2226665533BB33333
4333E344446D22255555BAAAAAAAAAAAAAAAAAAAAAAAAAFFFBBBB888FFFFFFFF62222888882226E22E62222226644BB33333
5433DBB55BDC22266454BAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAF6666666228888878888826226888222262664433333
5534CBA9A9BC2222266666666666666666666646666666AAAAAAA6666222222628887447447778888877782623229A644334
5546CB8919BC2222222222226222222222222232622222666666699922222623284478878877788777777786222299266444
5562CBA899BC22222222233232622DDDDDDD22626222222222222AAA222226222988777777777447777777722992AA223443
5622DFBBBABD2262222234422262DFFFFFFFD222222244222222269992299922229777777777788777777792999266244333
622226666662223262224462222DFEEEEEEEFD2222225522222222AAA22AAA2222299977777777777777992299A222443343
22222222222222226222442222DFEEEEEEEEEFD2223355222222226662269992222222999999999777999922AA6224434343
222222222622222222224423226FFFFFFFFFFE6222445522622222222222AAA2299922222222222992299992662244333333
222222262322222222244445322FABBAAAAAAF222344552232622222299266622AAA222999922229992A99A2222443333333
222222262622222222454455422F9AA9AAAA9F222445552262622222222222262669992A999922999996AA62223433333333

Если код вставился не в один столбец, а разъехался по нескольким столбцам, удалите вставку и повторите её снова. Правильный результат: заполнен только столбец A, строки с A1 по A100.

5. Раскладка кода формулами

На этом шаге символы из листа Код нужно разложить по сетке 100×100 на листе Рисунок.

Откройте лист Рисунок.
В ячейку A1 вставьте формулу:
=ПСТР(Код!$A1;СТОЛБЕЦ(A1);1)
Протяните формулу вправо до столбца CV.
Столбец CV — это сотый столбец. После протягивания первая строка должна быть заполнена от A1 до CV1.
Протяните формулы вниз до строки 100.
В итоге весь диапазон A1:CV100 должен быть заполнен символами из кода.

Если Google Таблицы не принимают русскую формулу, используйте английский вариант: =MID(Код!$A1, COLUMN(A1), 1) В некоторых аккаунтах Google вместо запятых в формулах используются точки с запятой.

На этом этапе вы пока увидите не картинку, а сетку из цифр и букв. Это нормально. Картинка появится после настройки условного форматирования.

6. Настройка условной заливки

Теперь нужно превратить символы в цвета. Для этого используется условное форматирование.

На листе Рисунок выделите диапазон A1:CV100.
Правила должны применяться именно к этому диапазону.
Откройте меню Формат → Условное форматирование.
Появится панель настройки правила справа.
Создайте правило для первого символа.
В поле условия выберите Текст точно соответствует. Введите символ 0. Затем задайте цвет заливки #7ED5E8.
Создайте такие же правила для остальных символов.
Всего должно быть 16 правил: для символов 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F.
Скрывайте символы цветом текста.
В каждом правиле поставьте цвет текста таким же, как цвет заливки. Тогда буквы и цифры не будут видны, а останутся только цветные ячейки.

Символ	Цвет заливки	Что обозначает	Сколько пикселей
`0`	`#7ED5E8`	Небо / фон	3606
`1`	`#E9E9E6`	Белые облака и блики	176
`2`	`#B2CC33`	Светло-зелёная трава / блики	686
`3`	`#40982B`	Основной зелёный	831
`4`	`#236724`	Тёмно-зелёный	878
`5`	`#0F391F`	Очень тёмный зелёный / контур	642
`6`	`#7EA130`	Оливковый зелёный / тень	324
`7`	`#36ABE2`	Ярко-голубые окна	92
`8`	`#62999E`	Серо-голубая тень	306
`9`	`#9BA291`	Светло-серые камни	242
`A`	`#5B6968`	Серый металл / скалы	537
`B`	`#3F3F3B`	Тёмно-серый контур	434
`C`	`#AF4D2A`	Светло-коричневое дерево	251
`D`	`#85361E`	Коричневый	300
`E`	`#6B1D0D`	Тёмно-коричневый	398
`F`	`#46150B`	Почти чёрно-коричневый	297

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

7. Проверка результата

Проверка нужна, чтобы найти ошибки до сдачи работы. Выполните все три проверки.

Проверка 1: количество строк кода

На листе Код в любой свободной ячейке введите формулу:

=COUNTA(A1:A100)

Правильный результат: 100.

Проверка 2: длина каждой строки

На листе Код в ячейку B1 вставьте формулу и протяните её до B100:

=ДЛСТР(A1)

В каждой строке должно получиться значение 100. Если в какой-то строке получилось другое число, значит эта строка кода скопирована неправильно.

Проверка 3: количество пикселей каждого цвета

Проверьте количество символов на листе Рисунок. Значения должны совпасть с таблицей ниже.

Символ	Формула проверки	Ожидаемый результат
`0`	`=COUNTIF(Рисунок!$A$1:$CV$100;"0")`	3606
`1`	`=COUNTIF(Рисунок!$A$1:$CV$100;"1")`	176
`2`	`=COUNTIF(Рисунок!$A$1:$CV$100;"2")`	686
`3`	`=COUNTIF(Рисунок!$A$1:$CV$100;"3")`	831
`4`	`=COUNTIF(Рисунок!$A$1:$CV$100;"4")`	878
`5`	`=COUNTIF(Рисунок!$A$1:$CV$100;"5")`	642
`6`	`=COUNTIF(Рисунок!$A$1:$CV$100;"6")`	324
`7`	`=COUNTIF(Рисунок!$A$1:$CV$100;"7")`	92
`8`	`=COUNTIF(Рисунок!$A$1:$CV$100;"8")`	306
`9`	`=COUNTIF(Рисунок!$A$1:$CV$100;"9")`	242
`A`	`=COUNTIF(Рисунок!$A$1:$CV$100;"A")`	537
`B`	`=COUNTIF(Рисунок!$A$1:$CV$100;"B")`	434
`C`	`=COUNTIF(Рисунок!$A$1:$CV$100;"C")`	251
`D`	`=COUNTIF(Рисунок!$A$1:$CV$100;"D")`	300
`E`	`=COUNTIF(Рисунок!$A$1:$CV$100;"E")`	398
`F`	`=COUNTIF(Рисунок!$A$1:$CV$100;"F")`	297

Сумма всех пикселей должна быть 10000, потому что изображение имеет размер 100 × 100 ячеек.

8. Сдача работы

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

Работа считается выполненной, если:

на листе Код находится 100 строк исходного кода;
на листе Рисунок заполнен диапазон A1:CV100;
формула корректно раскладывает символы по ячейкам;
созданы все 16 правил условного форматирования;
получилась узнаваемая картинка «Ходячий зелёный домик»;
проверка длины строк показывает значение 100 для каждой строки.

Что нужно отправить преподавателю:

ссылку на Google Таблицу;
скриншот листа Рисунок;
скриншот проверки длины строк;
скриншот проверки количества пикселей по цветам.

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

Критерий	Баллы
Код изображения вставлен правильно: 100 строк по 100 символов	20
Формула корректно раскладывает символы по диапазону 100×100	20
Созданы все 16 правил условной заливки	25
Картинка визуально совпадает с образцом	20
Выполнены проверки через формулы	15
Итого	100

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