▦Поле 8×8
Клик переключает клетку. При перетаскивании первая клетка задаёт режим: закраска или стирание.
Подсказка: на клавиатуре используйте стрелки для выбора клетки, Space или Enter для переключения, 1 для закраски, 0 для стирания.
T T-TEACH.RU
Конструктор двоичного кода 8×8
Нарисуйте чёрно-белый спрайт на сетке 8×8 и сразу получите 64-битную строку, шестнадцатеричный дамп на 16 символов, массив байтов для C/Arduino и текстовую матрицу.
1 клетка = 1 бит 8 × 8 = 64 бита 64 бита = 8 байт 8 байт = 16 hex
01Коды рисунка
Все представления обновляются автоматически при каждом изменении клетки.
Единиц
0
Нулей
64
Размер
8 байт
Порядок
слева направо
Двоичная строка
64 символа без пробелов + группировка по байтам
0000000000000000000000000000000000000000000000000000000000000000 00000000 00000000 00000000 00000000 00000000 00000000 00000000 00000000
Hex-дамп
16 hex-символов, по 2 на каждый байт
0000000000000000 00 00 00 00 00 00 00 00
↩Обратное преобразование
Вставьте двоичный или шестнадцатеричный код — рисунок восстановится на поле. Допустима вставка целого C-массива.
64 бита, пробелы между байтами разрешены
Введите ровно 64 символа 0/1. Пробелы можно использовать только для читаемости.
Вставляйте дампы с пробелами, запятыми или 0x
Введите 16 hex-символов (0–9, A–F). Пробелы, скобки и 0x отфильтруются автоматически.
{ }Экспорт
Готовые форматы для LED-матриц, микроконтроллеров и текстовых домашних заданий.
C / Arduino массив байтов
каждая строка изображения = один байт
{0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00}
Матрица из # и .
# = 1, . = 0
........ ........ ........ ........ ........ ........ ........ ........
📘Краткая теория
Что именно кодирует инструмент и почему hex получается в два раза короче двоичной строки.
Чёрно-белая клетка хранится одним битом: 0 — белая, 1 — закрашенная. В сетке 8×8 всего 64 клетки, значит один рисунок занимает 64 бита = 8 байт.
строка → 8 бит → 1 байт Каждая горизонтальная строка изображения превращается в один байт. Первая клетка строки — старший бит.
4 бита = 1 hex-цифра Поэтому 64 двоичных бита превращаются в 16 шестнадцатеричных символов.
всего рисунков = 264 У каждой из 64 клеток есть два состояния. Один конкретный рисунок всё равно занимает только 8 байт.
⚡Примеры задач и решений
Откройте задачу и нажмите кнопку, чтобы загрузить её код в конструктор.
Задача 1. Кодирование буквы «X»
Условие: изобразить букву X двумя диагоналями и получить hex-дамп.
81 42 24 18 18 24 42 81Ответ без пробелов: 8142241818244281
Задача 2. Расшифровка изображения по hex-коду
Условие: дан код FF 81 81 81 81 FF 81 81. Что получится?
Решение: вставьте FF81818181FF8181 в поле hex и примените. Получится символ, похожий на «Н» с утолщёнными горизонтальными краями.
Задача 3. Перевод двоичного кода в рисунок
Условие: строка 00111100 01000010 10000001 10000001 10000001 01000010 00111100 00000000. Что это?
Решение: после загрузки видно круг или букву O. Такой рисунок занимает 8 байт.
3C42818181423C00Это тот же рисунок в hex.
Задача 4. Подсчёт объёма памяти
Условие: сколько байтов нужно для хранения всех возможных рисунков 8×8?
Решение: вариантов рисунков 2^64. Один рисунок занимает 64 бита = 8 байт. Если хранить все варианты, понадобится 8 × 2^64 байт.
Задача 5. Битовые маски
Условие: к рисунку F0F0F0F00F0F0F0F применили побитовое И с FFFFFFFF00000000. Что изменится?
Решение: нижняя половина обнулится, потому что x AND 0 = 0. Результат: F0F0F0F000000000.
📊Где пригодится
Сценарии для урока, подготовки к экзаменам и кружков по микроконтроллерам.
| Тема | Что показывает инструмент | Типичная задача |
|---|---|---|
| Кодирование графики | Как чёрно-белое растровое изображение превращается в последовательность битов. | Найти информационный объём рисунка 8×8. |
| Системы счисления | Связь между 8 битами, байтом и двумя hex-символами. | Перевести 10000001 в 81. |
| Битовые операции | Как маски очищают, сохраняют или инвертируют части изображения. | Применить AND, OR или XOR к hex-дампу. |
| LED-матрицы | Как подготовить 8 байтов для микроконтроллера. | Сгенерировать массив {0x81, 0x42, ...}. |
| Домашняя работа | Ученик рисует фигуру и сдаёт короткий hex-код. | Восстановить картинку по коду одноклассника. |
Скопировано
Прямо сейчас идёт набор на курс по Информатике!
А ещё мы раздаём бесплатные промокоды на любой второй курс. Просто выберите и оплатите понравившейся Вам курс и получите второй совершенно бесплатно.
