Делаем аналог заставки Windows на JavaScript

В масдайке многих версий есть заставка (ScreenSaver) Ribbons или Ленты.

Мне надоело сегодня на них пялиться, пытаясь заставить себя сделать нечто полезное, и я подумал, а вдруг поможет, если поэкспериментировать со своими лентами.

Вышло не совсем так, как в Windows, а, конечно, лучше (шутка). Кажется, больше похоже на другой ScreenSaver, называемый "Геометрический вальс".

К сожалению, в "десятке" у них обоих нет настраиваемых параметров, а в моём коде основные настройки собраны в начале функции ribbonsManager, во вложенной функции ribbon с параметрами отрисовки тоже можно экспериментировать.

Для просмотра полноэкранной картинки в любом современном браузере можно нажать клавиши F11 (полноэкранный режим) и затем F5 (обновить).

Чтобы увидеть полный исходник, сохраните файл к себе на компьютер (правая кнопка мыши на ссылке "файл", выбрать пункт меню "Сохранить ссылку как", "Сохранить объект как" и т.п. в зависимости от браузера).

 Файл ribbonsScreenSaver.html в кодировке Юникода UTF-8 (3 Кб)

 Открыть анимацию в текущем окне/вкладке

Случайный скрин из анимации, качество снижено движком при загрузке картинки

13.06.2020, 21:49 [1462 просмотра]