БлогNot. Генератор цветов на JavaScript

Генератор цветов на JavaScript

День Клары, конечно, прошёл, но весна-то ещё и не начиналась.

Этот скрипт может генерировать вот такие картинки:

Генератор цветов (скриншот)
Генератор цветов (скриншот)

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

Я не стал заморачиваться с бегунком "Цвет", пытаясь подобрать зависимость интенсивностей красного, зелёного и синего от положения бегунка, а просто применил готовые наборы по 3 цвета (см. функцию palette).

Скрипту требуется библиотека p5.js, которая подключена с моего сайта. Ниже показан скрипт в работе и исходники.

 Открыть цветочный генератор в новом окне/вкладке

Файлы "текстом" не выкладываю, так как скрипт, возможно, ещё будет улучшаться. Текущие версии файлов скрипта легко получить по прямым ссылкам: index.html, style.css, flower.js (все файлы могут находиться в одной папке; нажмите на ссылке правой кнопкой и выберите пункт меню "Сохранить ссылку как..." или "Сохранить объект как...")


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

показать комментарии (1)

12.03.2020, 01:17; рейтинг: 67