Сделал веб сервис для гитаристов guitar notes

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

Guitar Notes: интерактивный гриф на Rust и Bevy в браузере

Если вы когда‑нибудь перекладывали табы из Drop D в стандартный строй (или наоборот), то знаете: это медленно, легко ошибиться и совсем не весело. Guitar Notes — небольшой веб‑инструмент, который показывает ноты на всех шести струнах, умеет менять строй и позволяет слышать то, что вы выбрали.

Попробовать можно здесь: bronzecrab.github.io/guitar-notes

Зачем это нужно

Проект рассчитан на две аудитории сразу:

• гитаристы — быстро увидеть, куда «переезжает» нота при смене строя;
• начинающие — учить расположение нот на грифе, экспериментировать со строями и собирать простые сочетания вроде power chord.

По умолчанию открывается стандартный строй E A D G B E. Можно переключиться, например, на Drop D (шестая струна с E на D) и сразу увидеть, как меняется сетка нот.

Что умеет сейчас

• Гриф на 6 струнах с нотами на ладах
• Переключение строёв (Standard, Drop D)
• Выделение до 6 нот кликом
• Play — проиграть выбранные ноты и показать, что именно прозвучало
• Explain — коротко объяснить, если это power chord (root + fifth), или честно сказать, что аккорд не распознан
• Работает в браузере — без установки

Выделение сделано контрастным янтарным цветом, чтобы выбранные ноты не терялись на цветной сетке.

Как это устроено под капотом

Стек, может быть, «тяжёлый» для такого маленького UI, но удобный для эксперимента:

Движок Bevy 0.19 (WebGL2), язык - Rust, аудио -rodio (синусы по частоте ноты). Доставка в браузер через wasm32-unknown-unknown + wasm-bindgen, хостинг GitHub Pages + Actions.

Что дальше планирую сделать

• больше строёв и кастомный строй по струнам
• больше типов аккордов, не только power chord
• подсветка интервалов

Если хотите поиграть с кодом или завести issue — репозиторий открыт.

TL;DR: Guitar Notes — Bevy‑приложение на Rust, скомпилированное в WASM: интерактивный гриф, смена строя, звук нот и объяснение простых аккордов прямо в браузере.