Skip to main content
GameDev.net gamedev.net
🔒 Locked

Rebuilt my coherent UI sound kit tool: new engine, now completely free

Started by BrandTones Jul 29 at 5:16 PM 0 replies 300+ views
Original Post
BrandTones
BrandTones

Back in February I posted here about BrandTones, a browser tool that generates 6 matching UI sounds (click, hover, toggle, notification, success, error) from a single vibe. That thread is locked now, so here is the promised update: https://gamedev.net/forums/topic/719742-free-tool-for-generating-coherent-ui-sound-kits-web-audio-api/

@RmbRT wanted access to the internals. This is not that, but it is a step in that direction: four vibes with genuinely different synthesis methods instead of six variations of one, and sliders with wider ranges.

I am not going to claim it sounds dramatically better. Whether the rebuild actually reads as an improvement is the one thing I cannot judge from the inside, which is why I am back here.

What is definitely different: it is free. No payment, no signup, no email, nothing gated. 16-bit WAV, 44.1kHz, royalty free, commercial use, no attribution. That is where it stands today, and if it ever changes I will say so here. Anything you download stays yours under the same license either way.

Environment, since that helps if you want to poke at it: TypeScript, React and Tone.js on the Web Audio API. Every sound is rendered offline in the browser with Tone.Offline and encoded to 16-bit WAV, so there is no server and no account. It runs in current Chrome, Firefox and Safari, and handles the iOS Safari rule that an AudioContext will not start without a user gesture.

The Minimal Click vibe, for example, is just filtered noise:

const limiter = new Tone.Limiter(-3).toDestination();
const filter = new Tone.Filter({ frequency: cutoff, type: 'highpass', Q }).connect(limiter);
new Tone.NoiseSynth({
noise: { type: 'white' },
volume: -6,
envelope: { attack: 0.001, decay: decayTime, sustain: 0, release: 0.01 },
}).connect(filter).triggerAttackRelease(decayTime);

What I expected versus what actually happened: I assumed $1.99 per kit was small enough to be a non-issue, and that asking for an email before the download was a fair trade. Neither held. Almost nobody who generated a kit finished the download. So I removed both rather than optimize the funnel around them.

https://brandtones.app/

There is also a 30 second scan that picks a vibe for you:

https://brandtones.app/scan

Three things I would like to know:

  1. Does the coherence actually read, or do 6 sounds from one engine just sound samey?

  2. Which of the 4 is closest to something you would ship?

  3. What is missing before this is useful in a real project?

Nothing attached to this one. Take what you want, and tell me where it falls short.

Topic Locked

This topic has been locked by a moderator. New replies are not allowed.

Sign in to reply to this topic.