UtilityNew

Audio Sprite Creator

Pack sound effects into one audio file with a Howler.js, generic or engine-neutral JSON manifest, with per-clip trims, fades and gaps.

Know your workflow

Supported files and how to use.

Check supported input/output details and follow the tool steps before exporting.

๐Ÿงพ

Technical specs and decision signals

Use these specs to confirm browser fit, privacy boundaries, and the current export behavior before you build a sprite.

Cost

Free, with no account and no watermark.

Privacy

The sprite is built on your device; nothing is uploaded to ToolBuddy.

Input

MP3, WAV, M4A, AAC, OGG/Opus, FLAC and WebM audio, any number of clips, up to 500 MB each (100 MB on phones and tablets).

Output

One audio file (MP3, WAV, FLAC, or M4A, AAC and OGG where supported) plus a JSON manifest, or a ZIP of both.

Manifest

Howler.js sprite map, generic (seconds and milliseconds) or engine-neutral.

Clips

Trim, gain -24 to +24 dB, fades, loop flag, silence trimming; gap and crossfade up to 2 s.

๐Ÿงญ

How to use

Check supported input/output details and follow the tool steps before exporting.

01

Select audio clips (MP3, WAV, M4A, AAC, OGG, FLAC or WebM).

02

Put them in order: sort by name or size, or move clips up and down.

03

Select a clip to trim it on the waveform and set its gain, fades, loop flag or silence trimming.

04

Choose the manifest (Howler, generic or engine-neutral), sample rate, channels, gap, crossfade and output format.

05

Select Build sprite and preview the sprite timeline with every clip numbered.

06

Download the ZIP (audio and JSON) or the JSON manifest on its own.

Guide

Learn, decide, and apply.

Understand how to create an audio sprite for a web game, why it matters in repeat workflows, and when to use this tool with confidence.

โœจ

Why build audio sprites with ToolBuddy

  • Your clips never leave the device: the sprite is built in the browser, with nothing to install.
  • A Howler.js manifest ready to drop into new Howl({ src, sprite }).
  • Trim, fade, gain and loop per clip, with the trim drawn on the waveform.
  • Gaps and crossfades between clips, and silence trimming at clip edges.
  • Preview the built sprite with numbered clip bands before you download.
  • Offsets are checked to stay on the clip, including MP3 with its encoder delay.
๐ŸŽฏ

What developers build with it

  • Pack the sound effects of a web or HTML5 game into one file.
  • Build UI click, hover and notification sounds for an app.
  • Bundle voice lines for a game with a loop flag where needed.
  • Combine short jingles and stings for a slideshow or kiosk.
  • Reduce HTTP requests by serving one audio file instead of dozens.
  • Create a Howler.js sprite for a Phaser or PixiJS project.
About

About Audio Sprite Creator

Audio Sprite CreatorAudio Sprite GeneratorHowler.js Sprite

Audio sprites without a command line

Audio sprites are usually built with command-line tools that need FFmpeg and Node.js installed. ToolBuddy builds them in the browser: drop in your clips, set the options and download the package.

Nothing is uploaded, so unreleased game audio stays on your device, and there is nothing to install or configure.

Manifests for Howler.js and any engine

Choose the Howler manifest and the JSON includes a sprite map of offset, duration and loop for each clip in milliseconds, ready for new Howl({ src, sprite }). The generic and engine-neutral manifests list every clip with its offset and duration in seconds and milliseconds, plus the sample rate and channels, for any engine.

Clip names come from the file names, so a file called coin.wav becomes the coin sound in your code.

Trim, fade and loop each clip

Select a clip in the Clips card and the preview shows it with its trim as draggable handles. In the Control Panel, set the exact start and end, gain from -24 to +24 dB, fade in and fade out, a loop flag for music beds, and silence trimming at the edges.

The sprite settings apply to the whole file: sample rate, mono or stereo, the gap between clips, an optional crossfade, the manifest and the output format.

Preview the sprite before you download

After Build, the preview switches to the whole sprite with every clip as a numbered band; click a band to select that clip. Switch between Clip and Sprite to check a single sound or the full timeline.

Download the ZIP with the audio and the JSON together, or the JSON on its own after changing only the manifest.

Offsets you can trust

MP3 encoders add a short delay at the start of the file, which can shift every sprite offset. ToolBuddy writes the gapless header that tells decoders to skip it, and its tests decode the sprite and check that each clip starts where the manifest says.

A short gap between clips, 0.05 seconds by default, keeps one sound from bleeding into the next when a game stops playback slightly late.

When another audio tool fits better

To combine clips into one continuous recording rather than a sprite, use the Audio Joiner. To clean up a long recording before cutting it into clips, use the Noise Remover and the Silence Remover.

To change the format of many files without packing them, use the Audio Converter, and to make them smaller, use the Audio Compressor.

FAQ

Common questions.

Have more questions? Reach out via our contact page and we will respond within 24 hours.

What is an audio sprite?

One audio file that holds many short sounds one after another, plus a JSON manifest that says where each sound starts and how long it lasts. A game or app loads one file and plays any sound by name.

Are my clips uploaded?

No. ToolBuddy builds the sprite in your browser. Nothing is sent to a server, and closing the tab discards the clips.

Does it work with Howler.js?

Yes. Choose the Howler manifest and the JSON includes a sprite map of [offset ms, duration ms, loop] for each clip, ready for new Howl({ src, sprite }).

Which manifest should I choose?

Howler for Howler.js, which adds a sprite map in milliseconds. Generic and Engine-neutral list every clip with its offset and duration in seconds and milliseconds, plus the sample rate and channels; they differ only in the mode they declare.

Will MP3 encoder delay shift my offsets?

ToolBuddy writes the gapless header that tells decoders to skip the encoder delay, and the offsets are tested against the decoded sprite. WAV and OGG have no such delay.

Can I trim or fade individual clips?

Yes. Select a clip to set its start and end (also as handles on the waveform), gain from -24 to +24 dB, fade in and out, a loop flag and silence trimming at its edges.

How many clips can a sprite hold?

As many as you need. Very long sprites take longer to load in a game, so group sounds by scene, and keep a small gap between clips so a sound never bleeds into the next one.

Is the audio sprite creator free?

Yes. There is no account or watermark, and it runs in current desktop and mobile browsers.