Инструкция по использованию «Матричного дождика» (JSWeb)
«Матрица» — интерактивное веб-приложение, создающее анимированный «дождь» из символов, движущийся в четырёх направлениях. Можно переключать режимы, менять тексты, цвета и рисовать графики математических функций поверх символов.
Быстрый старт
Верхняя панель инструментов:
← → ↑ ↓ — изменение направления движения
|| — остановить анимацию
▶ — запустить анимацию
«Настройка» — открыть окно с параметрами
Горячие клавиши:
| Сочетание | Описание |
|---|---|
| Ctrl + стрелки | Быстрое переключение направления |
| Ctrl + / | Открытие справки |
| Ctrl + . | Открытие/закрытие окна настроек |
| Ctrl + , | |
| Alt + Q | Классический режим |
| Alt + W | Классический |
| Ctrl + * | Пауза/Запуск |
Окно «Терминальчик» (Настройка)
Открывается по кнопке «Настройка» и содержит 4 вкладки.
Вкладка 1: Основное
| Элемент | Описание |
|---|---|
| Режим | Классический / Только формулы |
| Скорость | Ползунок (2–50 мс) — задержка между кадрами |
| Затухание | Прозрачность хвоста (эффект «следа») |
Вкладка 2: Текст
Для классического режима:
- Японские символы (по умолчанию)
- Эмодзи (категории: смешные, злые, грустные, животные, еда, объекты)
- Числа
- Английский алфавит
- Свой алфавит (введите любые символы)
Для режима «Текст по центру»:
- Свой текст (рекомендуется не более 20 символов)
- Символ-заполнитель (один символ, например * или #)
Вкладка 3: Тема
| Вариант | Описание |
|---|---|
| Градация | Плавное переливание цветов (символы «стареют») |
| Своя | Выберите до 5 цветов через палитры |
| Зелёная / Оранжевая | Встроенные темы |
Вкладка 4: Формулы
Управление формулами:
- «Показать оси» — отобразить координатную сетку
- «Сбросить начальное положение» — перезапустить анимацию формул
- «Создать формулу?» — добавить новый график
Параметры формулы:
f(x): — математическое выражение (примеры: sin(x), x^2/5, cos(x)*2, sqrt(x))
min x / max x — диапазон по X (оставьте пустым для авто)
min y / max y — диапазон по Y
«Постоянное отображение» — вся кривая целиком (иначе — движущаяся точка)
«Ваш алфавит» — символы для отрисовки графика
«Текст в ведённом порядке» — последовательный вывод символов по направлению движения
«Направление» — движение активной точки (вверх/вниз/вправо/влево)
Ввод формул:
| Ввод | Уточнение |
|---|---|
| 1.3 | Отделение целой от дробной части через ТОЧКУ |
| tan(x) | Тангенс |
| cot(x) | Котангенс |
| sin(x) | Синус |
| cos(x) | Косинус |
| sqrt(x) | Квадратный корень из x |
| cbrt(x) | Кубический корень из x |
| x^2 | x в степени 2 |
| 2^(x+2) | 2 в степени x + 2 |
Логика движения
- Каждый символ имеет свою координату
- При достижении края экрана координата сбрасывается
- В режиме «Градация» цвет символа зависит от его «возраста» (не распространяется на формулы)
Режимы работы (подробно)
Классический (classic)
Символы случайно выбираются из активного алфавита (японский + цифры + английский или ваш). Подходит для эффекта «дождя кода».
Центрированная строка движется по матрице без разрыва. Можно задать свою фразу и символ-заполнитель.
Только формулы
- «Только формулы» — исчезает текст, остаются только математические кривые
- Совмещение — графики рисуются поверх символов
Формулы могут показываться в классическом режиме