Algo-Chip Procedural BGM Demo

Algo-Chip is a high-quality automatic BGM composition engine with four-channel chiptune synthesis. This itch.io page is a playable showcase of the npm library—use it to audition motifs, regenerate loops, and preview deterministic SE templates. Full technical docs, source, and changelog live on GitHub: github.com/abagames/algo-chip

Demo Highlights

• Two-axis style panel (percussiveMelodic × calmEnergetic) lets you tap to immediately generate and play a loop; the tap coordinates shift the engine toward different sonic tendencies and themes so each region of the panel feels distinct.
• Motif-driven arranger with the library’s five-phase pipeline, two-axis style control, and curated voice presets.
• Seed-based composition so every loop is reproducible—perfect for locking a soundtrack cue to a specific game level or boss.

Copying Seeds Into Your Game

Note: Clipboard access is not available in the itch.io embedded demo. To copy seeds for use in your game, please visit the full demo on GitHub Pages: abagames.github.io/algo-chip/

Each time you tap the two-axis panel to spawn a new loop, the UI tags the result with its seed and offers a copy seed to reproduce action. That button writes the current generation options (seed, style overrides, length, etc.) to your clipboard as JSON. Bring that JSON back into your project and feed it to the library to recreate the exact cue:

import { generateComposition } from "algo-chip";
const clipboardOptions = {
seed: 90210,
lengthInMeasures: 32,
twoAxisStyle: { percussiveMelodic: -0.2, calmEnergetic: 0.7 },
};
const bgm = await generateComposition(clipboardOptions);
// Now route bgm.events into your own AudioWorklet setup or AlgoChipSynthesizer

Because the engine is deterministic, the same seed/options pair will yield the identical BGM every time—use one seed per level.

Suggested Workflow

1. Explore moods in the demo and copy the seeds you like.
2. Install the library (`npm install algo-chip`) inside your game project.
3. Paste the clipboard JSON into your code or config files and hand it to `generateComposition` or the session helpers.
4. Use `AlgoChipSynthesizer` (Web) or your own playback layer to loop the events in-game, alongside any SE templates you need.

Need deeper API docs, style guides, or integration notes? Head to the README and USAGE guides on GitHub and keep them bookmarked while you build.