Все проекты

Cimatica

Работает · 2026
Период
2026
Технологии
PWA · Next.js · React · Web Audio · WebGL · Supabase · Vercel

Cimatica в 33 странах

Испания; Бразилия; Италия; Мексика; Соединённые Штаты; Германия; Аргентина; Индия; Колумбия; Япония; Боливия; Канада; Иран; Израиль; Португалия; Румыния; Южная Корея; Турция; Объединённые Арабские Эмираты; Великобритания; Албания; Бельгия; Болгария; Чили; Доминиканская Республика; Египет; Франция; Венгрия; Парагвай; Польша; Словакия; Южная Африка; Вьетнам

Картографические данные: Natural Earth

С чего всё началось

Я начал Cimatica, чтобы исследовать связь между звуком и формой. Я хотел начать с анализа частот звука с микрофона и их визуализации в браузере.

Проблемы и решения

Выделение сигнала

Сигнал микрофона может содержать шум, резонансы помещения и эхо. Я работал с уровнем фонового шума, устойчивостью обнаружения и степенью уверенности, чтобы выбирать компоненты для отслеживания и уменьшать изменения, вызванные ненадёжными обнаружениями.

Стабильность без застоя

Узор, который меняется при каждом колебании, трудно воспринимать. А слишком медленный не успевает за изменениями звука. Я нашёл баланс между стабилизацией и переходами и дал пользователям возможность выбирать, сколько звуковых компонентов объединять.

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

  1. Next.js, React и TypeScript работают на Vercel. Публичные страницы на четырёх языках предварительно рендерятся, чтобы контент было удобно читать и распространять.
  2. Web Audio анализирует сигнал микрофона на устройстве. WebGL рисует математические фигуры, реагирующие на частоты, прямо в браузере.
  3. Supabase обеспечивает аутентификацию и хранение сохранённых отчётов в учётной записи. Гостевые отчёты остаются в памяти вкладки. Исходное аудио с микрофона не загружается на сервер.
  4. Я дополнил движок визуализации руководствами, метаданными и пользовательскими сценариями на четырёх языках, связав поиск проекта в интернете с использованием PWA.

Чему я научился

Работа со звуком научила меня оценивать отзывчивость и читаемость вместе. Плавный переход важен, когда он помогает человеку проследить изменение. Тот же критерий я применяю в интерфейсах, работающих с другими типами данных.

Текущий статус

Действующий продукт. Его узоры — математические визуализации, управляемые звуковыми частотами.

Открыть Cimatica

SEO, GEO и AEO для публичного контента

В публичной части Cimatica я учитываю SEO (поисковую оптимизацию), GEO (оптимизацию для генеративных систем) и AEO (оптимизацию для систем ответов). Содержание, контекст и структура помогают сделать продукт более доступным для поиска и понимания.

Я выстраиваю страницы вокруг вопросов людей и связываю ответы с примерами, источниками и проверяемыми результатами. Как я работаю с SEO, GEO и AEO

Есть интересная задача?

Расскажите, что вы хотите создать или улучшить, кто будет этим пользоваться и какие у вас ограничения. Я свяжусь с вами, чтобы вместе определить, с чего начать.