Генератор шумовых текстур
Создайте текстуру зерна с настраиваемой плотностью, прозрачностью и цветом, затем скачайте её или скопируйте как CSS.
Как это работает
Canvas заданного размера тайла заполняется попиксельно: для каждого пикселя независимо разыгрывается вероятность в соответствии с ползунком плотности, чтобы решить, получит ли он зерно, а затем альфа-канал цвета этого зерна масштабируется ползунком прозрачности. Монохромный режим использует один цвет зерна повсюду; при его отключении яркость каждого зерна тоже становится случайной — для более текстурного, менее однородного вида. Плиточный предпросмотр ниже повторяет тот же самый canvas в качестве CSS-фона, чтобы показать, как текстура выглядит в масштабе.
Оба результата — скачиваемый PNG и data URI из «скопировать как CSS» — получаются
напрямую из этого canvas через toDataURL/toBlob, полностью в
вашем браузере. Ничего не загружается.
Частые вопросы
Будет ли скачанный PNG бесшовно повторяться?
Это случайный попиксельный шум, а не повторяющийся узор, поэтому при использовании как небольшого повторяющегося background-image видимых швов тоже не будет: каждый пиксель случаен независимо от других, и никакой более крупной структуры, которая нарушалась бы на краю тайла, попросту нет.
В чём разница между скачиванием PNG и копированием CSS?
Скачивание даёт настоящий файл .png, на который можно сослаться из таблицы стилей или <img>. «Скопировать как CSS» вместо этого встраивает то же самое изображение в виде base64 data URI прямо в правило background-image — удобно, когда нужен один самодостаточный блок CSS без отдельного файла для размещения.
Отправляется ли это куда-либо?
Нет, текстура генерируется попиксельно на canvas в памяти вашего браузера. Ничего не загружается.