Обратный отсчёт на ленте: время тает как полоса

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

Считаем честно: 60 секунд на 30 пикселей — по две секунды на пиксель, а 30 пикселей — это ровно метр самой ходовой ленты с плотностью 30 на метр. Последние 10 секунд — пять пикселей — мигают красным и пищат раз в секунду: их видно даже спиной к полке. Финал — три белые вспышки и тройной бип. Кнопка на D2 стартует отсчёт заново в любой момент, и всё это — на millis(), без единого delay().

Каркас millis-цикла для ленты уже собран в уроке про эффекты без delay, а разбор millis вместо delay объясняет, почему таймеры на вычитании не ломаются даже на 49,7 сутках переполнения. Здесь добавляется новая вещь: не эффект, который рисуется сам, а счёт — состояние, которое расходуется со временем.

Вся математика полосы — одна пропорция: горящих пикселей столько, сколько времени осталось, lit = left * NUM_LEDS / TOTAL_MS. При 60 секундах и 30 пикселях пиксель живёт две секунды — глаз ловит каждый шаг, и счёт ощущается телом. Хотите таймер на десять минут — та же формула даст 20 секунд на пиксель, и полоса задышит лениво: движение меньше пикселя за двадцать секунд глаз уже не читает. Моё правило с границей применимости: полоса хороша до пяти минут, дальше — семисегментный индикатор или экран.

Цвет несёт то же, что длина: оттенок ползёт по колесу от зелёного (96) к красному (0) пропорционально остатку — hue = left * 96 / TOTAL_MS. К последней десятке полоса уже жёлто-красная, и мигание читается как «всё, конец» ещё до звука. Таять пиксели могут и мягче — вместо жёсткого гашения fadeToBlackBy на каждом кадре, механику затухания разобрали в отдельном уроке; мне для кухни жёсткие ступени понравились больше: счёт читается точнее, а не «примерно».

Три состояния — ждёт, идёт, финал — живут в переменной state, и каждый проход loop() отрисовывает текущее с нуля: clear, покраска, show. Кнопка работает по фронту с гейтом 50 мс — классический антидребезг из урока про дребезг кнопки — и в любом состоянии перезапускает счёт: нажали посреди отсчёта, полоса развернулась заново. Именно фронт, а не уровень: иначе удерживаемая кнопка перезапускала бы счёт каждые 50 миллисекунд, и таймер стоял бы на месте, пока держите палец.

Звук заведён на тех же таймерах: раз в секунду на последних десяти — tone(BUZZER, 1000, 80) с гейтом lastBeep; на финале — три бипа по гейту lastFlash, вспышек три, бип на каждую. Механику tone и noTone с пассивным излучателем я разбирал в уроке про подключение зуммера; здесь важно другое: бип на миллис-гейте — это ровно тот же приём, что и кадр на таймере, событие раз в N миллисекунд без блокировки.

И про честность мигания: деление millis() / 250 % 2 режет время на окна по 250 мс и гасит пиксели в чётных — лента мигает ровно два раза в секунду независимо от длины прохода. Проверьте в симуляторе на скорости ×100: ритм остаётся ровным, потому что привязан к настоящим миллисекундам, а не к числу проходов loop().

Масштабирование — та же формула с новыми числами, и у неё есть окно комфорта. На 60 секундах и 30 пикселях шаг — две секунды: глаз ловит каждый переход. Помодоро на 25 минут растянет шаг до 50 секунд: полоса почти стоит, и я либо режу её блоками по пять минут с пикселем-разделителем, либо честно беру экран — для длинных интервалов полоса не инструмент. Практический коридор: от одной до пяти секунд на пиксель; дальше движение перестаёт читаться, короче секунды — полоса мелькает как стробоскоп.

Второй сценарий, который вы соберёте за десять минут, — «горячие практики»: зубная щётка на две минуты, проявка плёнки, детский вопрос «ещё пять минут». У детей полоса работает лучше слов: мигающие красные пиксели видно из другого конца комнаты, и «пять минут» превращаются из спора в измеримую полосу. Для щётки я делал короткую версию: 120 секунд на тех же шестнадцати пикселях — по 7,5 секунды на пиксель, мигание на последних десяти.

Число секунд после старта можно присылать и из монитора: Serial.parseInt отдаст его, а скетч пересчитает TOTAL_MS на ходу — механика parseInt разобрана в уроке про числа из порта. Так кухонный таймер становится настраиваемым без перешивки: 60 для чая, 180 для яиц, 600 для теста — и все три живут в одном скетче.