БлогNot. Кляксы на Javascript

Кляксы на Javascript

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

Splashes, скриншот (фрагмент экрана)
Splashes, скриншот (фрагмент экрана)

При изменении размеров окна браузера канва подстраивается под новый размер, соответственно, полотно очищается. Ну или при нажатии клавиши F5 в браузере всё перерисуется.

Вот ссылка для скачивания и приложение в работе.

 Splashes.html (3 Кб)

Чтобы увидеть исходник, щёлкните ссылку на прикреплённый файл правой кнопкой мыши и выберите команду "Сохранить объект как...", "Сохранить ссылку как..." и т.п., в зависимости от браузера. После этого документ можно сохранить к себе на компьютер. Документ опубликован в кодировке Юникода UTF-8.

 Запустить Splashes.html в новом окне (вкладке)

Помимо обычных действий по анимации на Javascript, в коде интересна функция myColor, генерирующая только такие цвета, у которых одна из интенсивностей RGB принимает значения от CC до FF, вторая - от 0 до первой, а третья всегда равна нулю. На чёрном фоне это обеспечивает светлые, но не слишком яркие цвета вспышек.

Может пригодиться также функция rand для генерации случайного целого в пределах [start,end[

В текущем Firefox и Internet Explorer 11 скрипт у меня сработал корректно.


теги: javascript random графика цвет

22.09.2019, 14:45; рейтинг: 65