Кляксы на Javascript
Как только позавчера в моей голове мелькнула мысль сделать пятна кровищи, растекающиеся по монитору после клика на канве страницы, в тот же момент от насморка кровь пошла из моего носа... Поэтому старые добрые вспышки полуцветочного вида, а чорному властелину - фига :)
Splashes, скриншот (фрагмент экрана)
При изменении размеров окна браузера канва подстраивается под новый размер, соответственно, полотно очищается. Ну или при нажатии клавиши F5 в браузере всё перерисуется.
Вот ссылка для скачивания и приложение в работе.
Splashes.html (3 Кб)
Чтобы увидеть исходник, щёлкните ссылку на прикреплённый файл правой кнопкой мыши и выберите команду "Сохранить объект как...", "Сохранить ссылку как..." и т.п., в зависимости от браузера. После этого документ можно сохранить к себе на компьютер. Документ опубликован в кодировке Юникода UTF-8.
Запустить Splashes.html в новом окне (вкладке)
Помимо обычных действий по анимации на Javascript, в коде интересна функция myColor
, генерирующая только такие цвета, у которых одна из интенсивностей RGB принимает значения от CC
до FF
, вторая - от 0 до первой, а третья всегда равна нулю. На чёрном фоне это обеспечивает светлые, но не слишком яркие цвета вспышек.
Может пригодиться также функция rand
для генерации случайного целого в пределах [start,end]
В текущем Firefox и Internet Explorer 11 скрипт у меня сработал корректно.
22.09.2019, 14:45 [1604 просмотра]