Виртуальный спирограф прямо в браузере
Помнишь игрушку для рисования с пластмассовыми шестерёнками и ручкой, просунутой в дырочку? Этот онлайн-спирограф воссоздаёт её без соскальзывающих шестерёнок и порванной бумаги. Выбери кольцо и колесо, реши, где будет перо, и крути колесо, водя вокруг холста. Перо выводит петляющие кривые, которые складываются в идеально симметричные розетки, звёзды и цветы. Меняй цвет, поворачивай начало или меняй колёса, чтобы наслаивать узоры друг на друга.
Как сделать узор спирографом
- Выбери кольцо (большую внешнюю шестерёнку) и колесо (маленькую шестерёнку, которая катится).
- Выбери «Внутри» или «Снаружи»: внутри колесо катится по внутреннему краю — классические розетки; снаружи — по внешнему, получаются формы, похожие на лепестки.
- Задай отверстие для пера ползунком 🖊️. Чем дальше от центра, тем острее петли.
- Води по кругу вокруг середины холста, чтобы крутить шестерёнку, или нажми Авто.
- Наслаивай. Смени цвет и колесо или нажми 🔄, чтобы повернуть начальную точку, и рисуй снова.
- Скачай узор в PNG.
Советы для красивых узоров
- Начинай с тёмного, заканчивай светлым. Нарисуй яркий базовый узор, а потом добавляй сверху тонкие светлые слои.
- Повторяй с поворотом. Нарисуй узор, нажми 🔄 и смени цвет, затем нарисуй тот же узор снова — получится переплетённый радужный эффект.
- Сочетай размеры колёс. Большое колесо даёт несколько крупных петель, маленькое — много тесных. Их сочетание добавляет глубины.
- Попробуй отверстие около 50%. Отверстия посередине дают мягкие цветочные кривые, которые отлично смотрятся в пастельных тонах.
- Спрячь шестерёнки кнопкой ⚙️, когда хочешь полюбоваться результатом без колеса на пути.
- Нет идей? Нажми 🎲 для случайного сочетания шестерёнок, отверстия и цвета.
Математика спиралей
Кривые, которые рисует спирограф, называются гипотрохоидами (колесо внутри кольца) и эпитрохоидами (колесо снаружи кольца). Катясь, колесо вращается вокруг собственного центра, а сам центр движется по кругу вдоль кольца, и перо складывает эти два круговых движения. Узор замыкается, когда колесо сделает целое число оборотов вокруг кольца, — это происходит через число зубцов кольца, делённое на наибольший общий делитель обеих шестерёнок. Поэтому в информационном окне показаны пара шестерёнок, число петель и то, какая часть узора уже нарисована.
Сочетания шестерёнок для пробы
- Кольцо 96, колесо 36, отверстие 80%: чёткая восьмиконечная звезда, идеальная как первый слой.
- Кольцо 105, колесо 40: 21 тонкий лепесток, образующий плотную кружевную розетку.
- Кольцо 144, колесо 64, отверстие 50%: девять мягких округлых петель, похожих на цветок.
- Кольцо 150, колесо 84, снаружи: большие перекрывающиеся петли, обвивающие кольцо, как корона.
- Кольцо 120, колесо 45: восемь петель с эффектом переплетения; повтори три раза с 🔄 тремя оттенками одного цвета.
Поскольку холст никогда не соскальзывает, можно остановиться в любой момент, сменить цвет и продолжить ровно с того же места — с настоящей игрушкой это почти невозможно. Если вести назад, колесо просто откатится, ничего не рисуя, так что перо можно точно выставить, прежде чем продолжить.
Ещё творческие инструменты
Любишь симметрию? Создавай свои узоры от руки в «Конструкторе мандал», рисуй ретро-спрайты в «Редакторе пиксель-арта» или свободно рисуй на онлайн-доске для рисования.
Вопросы и ответы: Спирограф
Как пользоваться онлайн-спирографом?
Выбери кольцо и колесо, задай ползунком отверстие для пера, а затем води мышью или пальцем вокруг холста, чтобы крутить колесо внутри кольца, — как с настоящей игрушкой. Или нажми «Авто», и колесо будет крутиться, пока узор не замкнётся.
Почему у одних узоров больше петель, чем у других?
Число петель зависит от зубцов кольца и колеса. Раздели оба числа на их наибольший общий делитель: у кольца на 105 зубцов и колеса на 40 общий делитель 5, так что у узора 105 ÷ 5 = 21 петля. Колёса, у которых меньше общих делителей с кольцом, дают более сложные узоры, которые дольше замыкаются.
Что делает отверстие для пера?
Это расстояние от центра колеса до пера. Отверстия у края колеса дают острые заострённые петли, а у центра — мягкие волны. Ползунок меняется от 10% до 95% радиуса колеса.
Можно наслаивать разные цвета?
Да. Закончив один узор, смени цвет, колесо или отверстие и рисуй поверх. Кнопка поворота поворачивает начальную точку на 15°, чтобы тот же узор можно было повторить по кругу другим цветом.
Как сохранить рисунок спирографа?
Нажми кнопку скачивания, чтобы получить PNG 1024 × 1024 на белом фоне. Узоры также автоматически сохраняются в браузере, а отмена и повтор работают для каждого слоя, даже после перезагрузки страницы.
Этот спирограф бесплатный и работает на телефонах?
Он бесплатный, без регистрации и скачивания, и работает на телефонах, планшетах и компьютерах. На сенсорном экране води пальцем по кругу вокруг холста, чтобы крутить шестерёнку.