012026

Tonecraft

guitar, made simple

The current Tonecraft interface: the amp and speaker choices above an amp with purple stained glass, and its control knobs.

Tonecraft lets you play guitar in your browser, with a virtual amp and effects. Reading tablature, tuning up, keeping time, looping a passage or recording along with a backing track: it all happens in one place.

  • Choose your amp and effects
  • Work on a song at your own pace
  • Record your guitar with a backing track

The approach

Less setup, more music

On a computer, playing guitar often means installing several programs and getting them to work together. I built Tonecraft to bring the sound and the practice tools together on a single page.

You plug your guitar into an audio interface, the box that connects it to the computer, then choose your sound. Without a guitar, a demo also lets you hear the result, without turning on the microphone.

Learning, and keeping a take

You can open a tablature, slow it down and loop a passage. The tuner helps tune the guitar, the metronome sets the tempo and the looper repeats what you just played. The player and its instrument sounds only load when you open a score.

The recorder keeps the DI: the sound of the guitar before the effects. So you can change amps after playing, then download the take with or without effects, on its own or with its backing track. The looper, for its part, keeps the sound with its effects.

The path of the sound

From the guitar to the headphones, the sound goes through a series of steps. Each one changes it a little.

From the guitar to the headphones
  1. The guitar

    raw sound comes in

    • The recorder

      keeps the raw sound

  2. Preparation

    cleans and levels

  3. The amp

    gives the character

  4. The speaker

    sounds like the real thing

  5. The colour

    bass, treble, echo

    • The looper

      repeats what you play

  6. The volume

    levelled, no spikes

    • The song

      to play along to

  7. The headphones

    what you hear

    • The metronome

      keeps the tempo

Behind the page

What you see, what decides and what transforms the sound are kept apart.

The main parts of Tonecraft
  1. The page

    what you see

    Astro, Svelte

    • beside

      The memory

      keeps the session

      IndexedDB

    • beside

      Tablature

      its own sound

      alphaTab

  2. The conductor

    decides the settings

    TypeScript

  3. The browser

    nothing to install

    Web Audio API

    or

    Tonecraft Engine

    optional program

    Rust

  4. Sound processing

    the same in both cases

    C++, WebAssembly

    • beside

      Export

      replays a take

With or without an installed program

Sound processing runs in the browser. For some audio interfaces, an optional program, Tonecraft Engine, gives direct access to the hardware. The page keeps the same controls and the processing stays the same.

The page waits for the engine to confirm the amp has loaded, and reports a failure. Before each release, tests check this loading, the demo without a microphone, playback and recording.