По мотивам windows заставки «Ленты». Кроссплатформенный скринсейвер на JS и Electron

Предисловие

Со времен появления скринсейвера "Ленты" (ориг. "Ribbons") на Windows 7, эта заставка была стандартом для всех моих рабочих мест, благо в новых версиях Windows (8, 10, 11) эта заставка остается и по сей день. Однако с момента "импортозамещения" десктопной Windows на десктопную Linux, особенно актуального с 2022 года, хотелось получить эту заставку и на этой свобоной платформе. Но вот незадача - нормальный порт найти мне не удалось. Может, конечно, плохо искал (скиньте ссылку в комментариях, если кто-то нашел что-то работоспособное).
И тут на просторах github очень удачно нашелся вот этот репозиторий https://github.com/fadyehabamer/Ribbons-Screensaver. Автор в canvas с использованием JS наваял на мой взгляд очень даже симпатичную анимацию по мотивам того самого скринсейвера "Ленты".
Причем он в README отметил, что пытался сделать из этой анимации PWA (Progressive Web App), но почему-то у него ничего из этого не вышло, читай "failed". Вопрос, почему человек, наваявший такой годный "генератор лент", не смог в PWA, оставим за скобками.
А тут как раз я, начавший недавно по служебной необходимости, изучать всем известный фреймворк Electron для создания кроссплатформенных настольных web-приложений... Чем не альтернатива PWA?
Причина написания сего опуса как и прежде - поделиться чем-то, что делал для себя и ближайшего окружения, с теми, кому это может быть интересно.

"Challenge accepted" (c) Барни Стинсон

Читать далее