Калейдоскоп

Как рисовать узоры в калейдоскопе

Рука рисует один лепесток, который повторяется вокруг центра в симметричном узоре

Калейдоскоп для рисования повторяет каждый ваш штрих вокруг центра квадратного поля. Проведите небольшую дугу мышью, пальцем или пером: вместо одной линии появится целый венчик. Число повторов задаёт поворотную симметрию, а отражение добавляет зеркальные копии. Готовый рисунок скачивается как белое квадратное изображение PNG размером 1000 × 1000 пикселей.

В этой версии вы сами рисуете исходную линию. Здесь нет случайной генерации готовых картинок, обработки фотографии или видеокамеры. Даже неровный мазок может дать аккуратный орнамент, потому что его копии точно повторяют движение. Симметрия не исправляет форму отдельного лепестка, зато делает одинаковыми все лепестки одного ряда. Небольшую кривизну иногда стоит оставить: узор получается живее циркульной окружности.

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

Почему один штрих превращается в несколько

Полный оборот составляет 360°. При четырёх повторах соседние копии разделены углом 90°, при шести угол равен 60°, при двенадцати 30°. Число в поле обозначает количество повёрнутых экземпляров, включая исходный. Больше повторов дают более плотный рисунок, но не обязательно более удачный: толстые линии при двенадцати повторах легко сливаются в пятно.

Поворот сохраняет расстояние каждой точки до центра. Если провести маленькую окружность далеко от середины, её копии расположатся по кольцу с тем же радиусом. Штрих, проходящий через центр, соберёт там много пересечений. Поэтому пустая середина зависит прежде всего от того, где вы рисуете, а не от толщины кисти или выбранного цвета.

Режим «С отражением» сначала создаёт зеркальный вариант линии, затем поворачивает обе версии. При шести повторах может получиться до двенадцати разных положений исходного штриха. Некоторые копии совпадают: например, точка прямо справа от центра после отражения останется на месте. Совпадающие линии не означают, что инструмент потерял половину рисунка. В таком положении дополнительная симметрия просто ничего не меняет.

Сочетание поворотов и зеркальных отражений удобно для снежинок и симметричных розеток. Режим «Только поворот» сохраняет направленность исходного завитка: все копии будут закручиваться согласованно. Если нужен не симметричный венчик, а свободный эскиз из отдельных линий, используйте рисовалку. В ней каждый мазок остаётся единственным.

Что попробовать на пустом поле

Следующие опыты отличаются не только количеством повторов. Каждый помогает отдельно увидеть роль расстояния до центра, отражения, толщины или порядка мазков. Для сравнения сначала скачайте удачный вариант, а затем начинайте новую композицию.

Четыре точки вместо одной. Выберите 4 повтора без отражения. Коснитесь поля примерно на одной горизонтали с центром, правее него на пятую часть ширины. На рисунке появятся четыре точки: справа, снизу, слева и сверху. В координатах файла точка (700, 500) даёт ещё (500, 700), (300, 500) и (500, 300). Расстояние до середины везде равно 200 px.

Два разных вида завитка. При 6 повторах нарисуйте короткую линию, загнутую по часовой стрелке. Без отражения получится шесть одинаково направленных завитков с шагом 60°. Включите отражение и проведите похожий штрих дальше от центра: добавятся загнутые в обратную сторону копии. Два ряда позволяют увидеть разницу, не перерисовывая первый. Новая настройка не меняет прежние линии.

Воздушная розетка. При 12 повторах выберите толщину 2 px и фиолетовый цвет. Проведите узкую дугу на расстоянии примерно трети ширины поля от центра. Поворотный шаг составит 30°, тонкие копии образуют частый венчик. Повторите такой же жест с толщиной 20 px ближе к середине. Во втором ряду соседние мазки могут соединиться: увеличение толщины меняет просветы, хотя число повторов осталось прежним.

Два цвета без перекрашивания. Сделайте внешний круг дуг с 8 повторами синим цветом, затем выберите бирюзовый и нарисуйте внутренний ряд. У первого слоя сохранится синий цвет, у второго будет бирюзовый. Отмена удалит только последний жест со всеми его копиями. Для восстановления внешнего ряда не требуется запоминать прежние настройки: он никуда не исчезал.

Точка ровно посередине. При 10 повторах коснитесь центра, не двигая указатель. В идеальном центре все повёрнутые и отражённые положения совпадают, поэтому получится одна точка. При небольшом смещении появится маленькое кольцо точек или сплошная фигура. Такой опыт показывает, что центральная точка не перемещается при повороте вокруг самой себя.

Квадратная открытка. Скачайте PNG 1000 × 1000 px и разместите его на квадрате 10 × 10 см без обрезки. На каждый сантиметр приходится 100 пикселей исходного изображения. Если растянуть тот же файл на сторону 20 см, останется 50 пикселей на сантиметр: тонкие линии будут заметнее зависеть от печати. Для точной проверки физического размера используйте настройки печати, а не размер рисунка на экране телефона.

Как сохранить рисунок и не потерять линии

Кнопка «Скачать PNG» сохраняет весь квадрат, включая белые свободные участки. Размер файла не зависит от того, насколько большим поле выглядит в окне браузера. При повороте телефона или изменении ширины окна линии остаются на прежних местах внутри рисунка. Само поле только уменьшается или увеличивается вместе со страницей, сохраняя квадратные пропорции.

На экране телефона линия толщиной 5 px может выглядеть тоньше пяти физических пикселей дисплея. Толщина относится к итоговому файлу шириной 1000 px. Если поле показано шириной 350 CSS-пикселей, та же линия занимает примерно 1,75 CSS-пикселя. Это нормальное уменьшение всей картинки, а не ошибка кисти. Для мелкого узора выберите более толстую линию и проверьте скачанный файл в натуральном масштабе.

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

Для длинной сессии предусмотрен предел: 100 отдельных штрихов и 20 000 исходных точек на весь рисунок. Один непрерывный жест ограничен 2000 точками. При достижении границы старые линии не выбрасываются ради новых. Можно скачать картинку, отменить последние штрихи или очистить поле для следующей работы. На обычную розетку достаточно нескольких коротких движений; бесконечная закраска одного места лишь утяжеляет рисунок.

Вопросы о симметрии и готовом PNG

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

Чем калейдоскоп отличается от мандалы?

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

Почему после смены числа повторов старые линии остались прежними?

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

Будет ли весь рисунок симметричным при разных числах повторов?

Не обязательно с тем же шагом, что каждый ряд отдельно. Например, ряды с четырьмя и шестью повторами имеют общий поворот на 180°, но поворот на 90° сохранит только первый ряд. При трёх и четырёх повторах общего нетривиального поворота может не остаться. Случайные совпадения формы способны добавить симметрию.

Почему линии у края обрезаются?

Узор сохраняется в квадратном поле. Поворот точки из угла может перенести её за пределы этого квадрата, где рисунок обрезается. Чтобы все копии жеста помещались, рисуйте внутри воображаемой окружности с центром в середине и радиусом в половину стороны поля.

Можно ли стереть только один лепесток?

Отмена убирает исходный штрих вместе со всеми повёрнутыми и отражёнными копиями. Отдельного стирания одного лепестка здесь нет: оно нарушило бы повторение этого жеста. Для свободной дорисовки сохранённое изображение можно открыть в подходящем редакторе.

Фон PNG будет прозрачным?

Нет, эта версия сохраняет белый фон. Белые промежутки являются частью файла, а не прозрачными участками. Если изображение помещается на цветную страницу, оно останется квадратом с белым фоном; выбирать фон нужно уже в другом редакторе.

Почему короткое касание оставляет точку?

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

Есть что добавить?

Напишите своё мнение, комментарий или предложение.