Tiny Online Tools logoTiny Online ToolssearchПоиск инструментов…grid_viewВсе инструменты
Главнаяchevron_rightSVG-инструментыchevron_rightГенератор узора 10 PRINTГенератор узора 10 PRINT

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

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

СеткаСтильСгенерированный кодcodeSVGbrushCSS
xml
css

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

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

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

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

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

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

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

Генератор SVG Blob

Генератор SVG Blob

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

Генератор неоновых SVG-форм

Генератор неоновых SVG-форм

Создавайте светящиеся неоновые SVG-формы — круги, многоугольники, звёзды и другое — с настраиваемой обводкой, свечением и фоном.

Генератор SVG-текстуры шума

Генератор SVG-текстуры шума

Создавайте плиткообразные SVG-текстуры шума и зерна как чистый SVG — идеально для оверлеев, фонов и эффектов плёночного зерна.

SVG в JSX

SVG в JSX

Конвертируйте SVG-разметку в React JSX-компонент с правильными camelCase-атрибутами.

перемешать текст строки

перемешать текст строки

Randomize the order of текст lines.

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>.