Title

Учебник: Базовые знания / Алгоритмы и данные /

Опубликовано 00 месяц 2026

title

  • Главный тег
  • Второстепенный тег

Содержание

Случайность добавляет вариативность и делает изображение живым. Один и тот же алгоритм может давать разные результаты при каждом запуске. Это один из ключевых принципов генеративного дизайна. Но важно не просто добавлять случайность, а уметь её контролировать.

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

let size = random(20, 80);
let x = random(width);
let y = random(height);

Функцияrandom()возвращает случайное значение в заданном диапазоне. Это значение можно использовать для размера, позиции или цвета. Даже небольшое изменение параметров уже создаёт разнообразие. Так один и тот же код начинает генерировать разные изображения.

Случайность создаёт разнообразие, но контроль превращает её в дизайн

Здесь случайность влияет только на размер. Позиции остаются фиксированными, поэтому структура сетки сохраняется. Это самый мягкий способ добавить вариативность. Композиция остаётся читаемой, но становится менее однообразной.

Здесь изменяется положение элементов. Сетка как будто “рассыпается”, но всё ещё читается. Такой приём создаёт ощущение движения и живости. Это более свободная форма случайности.

Здесь случайность управляет выбором. В одних ячейках появляются круги, в других — квадраты. Это уже не просто вариация параметров, а изменение самой структуры. Такой подход создаёт более сложные и интересные композиции.

В первом варианте случайность почти незаметна и только оживляет структуру. Во втором она начинает разрушать строгий порядок. В третьем случае меняется сама логика композиции. Чем больше параметров зависит от случайности, тем менее предсказуемым становится результат.

  1. Случайность делает изображение вариативным
  2. Можно контролировать, какие параметры будут случайными
  3. Разные уровни случайности дают разный визуальный эффект

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

Вверх

.

.

.

.

Следующий материал

Паттерны повторов

Перейти к статье

.

.

.

.