Этот скрипт настолько древний, что на фото своей студийной странички (https://www.artlebedev.ru/kefiijrw/) я на внутреннем семинаре об автоматизации весной 2016 года рассказываю о нем (да, и уже тогда обещал скоро выпустить публично скрипт). Знакомая картинка проецируется на стену.

И последнее об этом на похвастаться (или показать СИЛУ СКРИПТОВ): сейчас открыл какой-то древний исходник схемы метро и скриптом за мгновение изменил характер скруглений всех поворотов на схеме. Если попереключаться между этими двумя картинками и внимательно следить за углами, то можно заметить разницу.

Выяснилось, что на телефонах не так просто листать картинки, чтобы заметить разницу, поэтому слепил гифку.

Так, кажется, это тоже провал.

Вот так должно быть лучше, если кинуть файлом

ААААА

Вот, короче, ду май бест: https://cl.ly/cbaae181c8ea/Screenshot-2019-06-17-at-22.33.04.gif

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

Возможное решение проблемы: цветовую маркировку нанести на неподвижную часть, и чтобы по этой неподвижной шкале бегал указатель

Наверное, больше не стоит лезть в душ с телефоном (не водонепроницаемым!) ради интерфейсных заметок

(только сейчас подумал, что там я в отражении так-то. Повезло вам, что оделся перед тем, как сделать фото)

Тут веб-версия книжечки подъехала: https://kefiijrw.com/hypochondria/.

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

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

А это как выглядят накладываемые поверх статичных изображений гифки, чтобы всё весило как можно меньше:
https://kefiijrw.com/hypochondria/imgs/anim/20.gif
https://kefiijrw.com/hypochondria/imgs/anim/10.gif
(извините, что ссылками, но я помню, чем закончилась моя прошлая попытку кинуть сюда гифку)

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

А это я смотрю разницу между кадрами анимации, чтобы оставить только отличающиеся пиксели