Toy · Audiovisual

touchviz — Jam Guide & Cheatsheet

Аудіовізуальна іграшка для браузера телефона. Ведеш пальцями, вмикаєш мік і гіро, збираєш картинку зі слотів — вона живе від дотику, звуку й нахилу. Нічого встановлювати.

▶ відкрити touchviz
Швидкий старт за 60 секунд
  1. Відкрий — побачиш чисте полотно з тонкою смужкою знизу.
  2. Веди одним пальцем вгору-вниз — щось у картинці почне змінюватись. Біля пальця — підпис, що саме.
  3. Веди вліво-вправо — штовхаєш потік, картинка пливе.
  4. Двома пальцями — два параметри одразу. Трьома + свайп — рандом.
  5. Тисни audio знизу → дай звук → картинка задихає в такт.

Три зони екрана

Керування ховається за краї, щоб не заважати полотну. Витягуй, коли треба.

Полотно

Весь екран. Палець грає тут.

Верхня смужка

Статус, режими, чип кімнати. Тап по тексту згортає.

Ліва рейка

Вибір сцени: сімейство → персонаж → слоти. Свайп праворуч відкриває.

Права рейка

Undo/redo, пришпилені крутилки, кнопка SEND (у ролі send).

Нижня шторка

☰ відкриває всі контроли за вкладками.

LITE / FULL

За замовч. FULL — увесь UI. LITE (п'ять слів знизу: scenes · tweak · audio · random · presets) — лише за ?lite=1, дефолтом не стало.

Perform-режим (за замовч.): відкриті панелі самі ховаються за ~6 с бездіяльності. Кнопка ✎ перемикає в Edit, де панелі лишаються.

Палець — головний інструмент

Кожен палець «хапає» один параметр і тримає, поки тиснеш.

1 палець — ↕ проганяє параметр по діапазону, ↔ штовхає потік.

2 пальці — два параметри одразу, без взаємного стирання.

3 пальці + свайп — рандом (нове комбо).

Після відпускання значення лишається на місці — нічого не скидається. Ти малюєш значеннями.

Радіальне меню — вибір параметра. Взяв параметр (потримав ~150 мс) і тримаєш пальцем ще ~260 мс нерухомо → навколо розкривається дуга секторів, кожен — параметр з пулу. Свайпни в сектор — палець перескочить на цей параметр і одразу крутить його.

Найменший рух угору до відкриття = просто крутиш (меню не з'явиться). Підняв палець або зайшов у центр = скасування, лишається параметр, що взявся по колу.

Дуга відкривається в бік долоні (☰ → input → touch → handed: auto/left/right). Залочені параметри сірі. Пул >8 → перші 8 + +N у центрі. Десктоп — правий клік (повне коло). На приймачі меню нема. Вимкнути: ☰ → input → touch → radial menu: off.

Який параметр дістанеться пальцю, задає «пул голосів» (вкладка input): за замовч. warp · glow · speed · density · trail · saturation · contrast · mirror. Палець пропускає зайнятий іншим пальцем і замкнений параметр. Поки тримаєш — відповідна крутилка підсвічується. У списку параметрів (вкладка input) кожен має 🔒 — лочить саме цю ручку від пальця, рандому й мод-матриці, доки не знімеш.

З чого збирається картинка

Не «готова сцена», а комбо змінних слотів. Три модульні сімейства:

raster

field · warp · color · post

sim

rule · seed · color · feedback (жива симуляція)

raymarch

sdf · warp3d · color (об'ємний рендер)

Персонаж — готове комбо + дефолти крутилок одним тапом. Ліва рейка → сімейство → slots ▸ розкриє слоти, у кожному до 3 плиток з живим прев'ю.

Живе: мод-система

Будь-який параметр можна віддати джерелу, і він рухається сам:

Куди: вкладка mod — стрічка карток. Кожна картка читається як твердження джерело → параметр → глибина: іконка категорії, лейбл джерела, ціль, живий бар рівня зліва й знаковий штовх (`рівень × глибина`) справа. Глибина біполярна (−1…+1), знак видно й без кольору. Картка проходить стани порожня → призначена, мовчить (глибина 0) → активна.

Картки групуються за категорією джерела (🎚 audio, 📷 cam, 〰 loop, 🎛 param) у згортувані секції з лічильником; секція на ≥4 картки стартує згорнутою і показує цілі чипами. ЛФО — окрема секція внизу з живою кривою й точкою фази.

Assign: лонг-прес по рядку ручки вмикає режим — ціль пульсує, тикаєш будь-яке джерело й роут створено. Повторний тап того самого джерела знімає його; джерела, що дали б цикл, заблоковані наперед («зациклить»). 📌 на картці пришпилює цільову ручку в праву рейку.

Мод-сети A/B плавно перетікають (слайдер A↔B або утримання чипа-«вектора»); при кросфейді картки показують дельту — ↑ входить / ↓ виходить. Таймлайн програє набори як плейлист по бітах. Старі пресети/лінки відкриваються без конвертації — змінилась лише подача, не роути.

Темп, датчики, кімнати

Темп (input → audio, секція tempo — там же зведено всі аудіо-налаштування): off / auto (з міка) / manual (метроном + TAP TEMPO). Точка биту вгорі блимає в такт.

Датчики: MIC робить звук джерелом, gyro — нахил телефона. На iOS питають дозвіл.

Кімнати (система ⚙︎ → rooms): один телефон send керує, решта recv показують. Стан кімнати — чипом у верхній смужці; тап по чипу перемикає роль або виходить. Коротке посилання mandrock.me/j/… + QR для приймачів, PIN для захисту. Co-op (крутити разом) — за прапорцем ?co=1.

Коли гальмує

touchviz сам стежить за fps і плавно знижує навантаження (спершу дрібниці, потім роздільність), а коли легшає — повертає назад. Твої значення не чіпаються. Хочеш легше — обери простіше комбо (voronoi та симуляції важчі) або зазирни в панель продуктивності (система ⚙︎).

Не знаєш, з чого почати прямо в застосунку? На перший запуск сам відкриється 60-секундний старт — п'ять кроків, де кожен просить зробити дію. Пізніше тисни ?: там поглиблені треки (палець, слоти, мод-система, темп, кімната, пресети), кожен веде назад у цей гайд.