Войти
Креативная библиотека
Звук · tone

Tone.js

Синтез и музыкальный Web Audio — дальше, чем Howler

Tier 2СреднеОк на мобилеfree (MIT)JavaScript (Web Audio)

Design DNA

«Сайт не просто «пикает» — он играет паттерны, синтез и генеративную музыку.»

Use with AI

Скопируй промпт и отдай агенту. Он реализует решение в твоём стеке — не копирует чужой код.

Используй Tone.js только если нужен синтез/паттерн, не простой SFX.
Старт после клика пользователя. Mute по умолчанию.
Для одного файла-эффекта предложи Howler вместо Tone.

Что умеет

  • ·Синтезаторы, эффекты, Transport
  • ·Генеративные партитуры
  • ·Связка с визуалом

Чего не умеет

  • ·Оверкилл для одного клик-SFX → Howler
  • ·Autoplay всё ещё ограничен браузером

Когда брать

  • ·Генеративный звук, музыкальный UI, арт

Когда не брать

  • ·Только mute/unmute mp3 → Howler

С чем сочетается

p5ThreePhaserHowler (для семплов)

Альтернативы

Howler.jsчистый Web Audio API

Типичные ошибки

  • ·Старт звука без user gesture
  • ·Два аудио-стека без нужды

Демо и ссылки

tonejs.github.io

Похожие

Phaser
Фреймворк 2D HTML5-игр для браузера
PixiJS
Быстрый 2D WebGL-рендер для эффектов и частиц
p5.js
Креативный код: генератив, арт, обучение через скетчи
Howler.js
Звук и музыка в вебе без боли с браузерами