КурсыИИМатематикаКодФизикаО проекте и вопросы

TwiddleLab / Искусственный интеллект / Как машины видят и слышат

Картинка это сетка чисел

Урок 1 из 10 · 5 мин · Бесплатно, без аккаунта

Что ты узнаешь

  • Цифровая картинка это сетка пикселей, и каждый пиксель хранится как число.
  • В серой картинке 0 это чёрный, а 255 белый. Картинка 32 × 32 это 1024 числа.
  • Разрешение это сколько пикселей по ширине и по высоте.
  • Цветной пиксель это три числа: сколько красного, зелёного и синего света смешать.

Начать урок

Как идёт урок

  1. Телефон фотографирует зверушку. Что на самом деле получает компьютер?

    Угадай, во сколько чисел превращается это маленькое фото. Передвинь метку, потом «Проверить».

  2. Приблизь левый глаз зверушки.

    Продолжай, пока не увидишь то, что видит компьютер.

  3. Найди самый яркий пиксель в этом кусочке и нажми на него.

    Потом «Проверить».

    Яркость хранится как число от 0 (нет света, чёрный) до 255 (полный свет, белый). Самое большое число в кусочке это самый яркий пиксель.

  4. Вот слова для того, что сейчас было на экране.

    Нажми, чтобы открыть.

    Каждый крошечный квадрат это пиксель, от «picture element», элемент картинки.

    Каждый пиксель хранит свою яркость числом: 0 это чёрный, 255 белый.

    Сколько пикселей по ширине и по высоте, это разрешение. У этой картинки 32 × 32.

    Для компьютера картинка это всего лишь такая сетка чисел.

  5. Сделай свою иконку, 8 на 8 пикселей.

    Выбери оттенок и рисуй. Смотри на числа справа: только их компьютер и будет хранить.

  6. Игра: подбери цвет. Смешай три цвета из красного, зелёного и синего света.

    Цветной пиксель это три числа. Двигай ползунки, пока квадрат не совпадёт с кругом.

  7. Твою иконку отправили другу. Дошли только эти числа. Какую картинку покажет его телефон?

    Нажми на картинку, потом «Проверить».

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

Следующий урок: Фильтры находят края · Часть курса: Как машины видят и слышат

Уроки интерактивные и работают на JavaScript. Включи его, чтобы играть.

Loading TwiddleLab