← PROJECTS

SAMPLE CHOPPER

Browser-based beat slicer / re-sequencer

Browser-based beat slicer / re-sequencer

localhost:3000
Original
Pattern

Overview

Overview

Sample Chopper は、WAVサンプルを自動スライスし、パターングリッド上でスライスの並び替え・シャッフルを行ってビートを再構築するツール。 グリッド分割とトランジェント検出の2つのスライス方式に対応し、8th / Triplet / Mixed のリズムモードを切り替えられる。 再構築したパターンはWAVファイルとしてエクスポート可能。

Sample Chopper is a tool for auto-slicing WAV samples and rearranging slices on a pattern grid to reconstruct beats. It supports two slicing methods — grid-based and transient detection — with switchable rhythm modes: 8th, Triplet, and Mixed. Reconstructed patterns can be exported as WAV files.

Workflow

Workflow

01
Load
Load
サンプルを選択。BPM・小節数を自動解析
Select a sample. BPM and bar count are auto-analyzed
02
Slice
Slice
Grid / Transient でスライス。モード・感度を調整
Slice by Grid or Transient. Adjust mode and sensitivity
03
Rearrange
Rearrange
ドラッグ、クリック、ホイールでパターン編集
Edit patterns via drag, click, or scroll wheel
04
Export
Export
パターンをWAVファイルとして書き出し
Export the pattern as a WAV file

Features

Features

Grid / Transient 2方式スライシング
Grid / Transient dual slicing methods
8th / Triplet / Mixed リズムモード
8th / Triplet / Mixed rhythm modes
ドラッグ&ドロップでスライス並び替え
Drag-and-drop slice reordering
クリック / 右クリック / ホイールでスライス値変更
Click / right-click / scroll wheel to change slice values
波形表示 + スライスマーカー可視化
Waveform display with slice marker visualization
リアルタイム再生プレビュー
Real-time playback preview
マルチバー対応 + バー範囲選択
Multi-bar support with bar range selection
WAVエクスポート(クロスフェード付き)
WAV export with crossfade

Tech Stack

Tech Stack

Web Audio API Canvas Express Node.js ES Modules Vanilla JS

Source

github.com/daitomanabe/sample-chopper