chevron_right

Генератор узора 10 PRINT

Создавайте классический лабиринтовый узор '10 PRINT' для Commodore 64 в виде SVG — с контролем сетки, цветов и толщины.

Сетка

Столбцы: 16

Строки: 10

Размер ячейки: 32

Стиль

Толщина: 3

Цвет

Фон

Seed

Сгенерированный код

codeSVG

brushCSS

xml

css

Похожие инструменты

Генератор изометрического SVG-узора

Создавайте 3D-подобные изометрические узоры из кубов в виде SVG — идеально для современных фонов, тайлов для игр и архитектурных иллюстраций.

Генератор кругового SVG-узора

Создавайте декоративные SVG-узоры из концентрических колец, точечных сеток или смещённых точек в стиле сот.

Генератор узора вихря SVG

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

Генератор узоров зигзаг SVG

Создавайте SVG-узоры зигзаг и шеврон с настраиваемой амплитудой, длиной волны, межрядовым интервалом и толщиной линии. Идеально для ретро-текстиля, ярких фонов и геометрических наложений.

Генератор CSS Grid

Создавайте адаптивные CSS Grid-макеты с живым предпросмотром и готовым кодом.

Повернуть PDF

Поверните страницы PDF, чтобы исправить ориентацию.

Конвертер скорости

Конвертируйте между mph, км/ч, м/с, узлами, фут/с и числом Маха. Реактивный многопольный конвертер.

apps

Больше инструментов

Просмотрите нашу полную коллекцию бесплатных онлайн-инструментов.

Знаменитая однострочная программа C64 — теперь в виде SVG

В 1982 году единственная строка BASIC на Commodore 64 покорила целое поколение:

10 PRINT CHR$(205.5 + RND(1)); : GOTO 10

Она раз за разом случайно печатала CHR$(205) (прямой слэш) или CHR$(206) (обратный), пока экран не заполнялся странно гипнотическим узором лабиринта. Этот генератор воспроизводит тот же алгоритм в виде масштабируемого и стилизуемого SVG, готового к вставке в любой современный дизайн.

Как это работает

На холсте размещается сетка столбцы × строки. В каждой ячейке функция случайности с seed выбирает диагональ / или \, нарисованную одним элементом <line>. Результат — чёткий SVG с минимумом элементов, удобный для ручного редактирования, анимации и крошечного размера файла.

Элементы управления

Столбцы / Строки — число ячеек в каждом направлении.
Размер ячейки — сколько пикселей занимает одна ячейка.
Толщина — ширина штриха диагоналей.
Цвет / Фон — двухцветная схема.
Seed + Перегенерировать — фиксируйте удачную раскладку или пробуйте новые.

Применения

Ретро-лендинги в духе demoscene
Футболки и стикеры для dev-культуры
Обложки альбомов и зины
Постеры генеративного искусства
CSS-декорации background-image через data:-URI

Так как результат — SVG только с <line>-элементами, цвета легко заменить CSS-переменными, штрихи анимировать через stroke-dasharray, а сам узор превратить в бесшовный фон через <pattern>.