THE PLATE

01まず触るStart here

開いた直後は何も鳴っていません。区画をクリック（タップ）すると、そのトラックが起きます。 叩いた瞬間に必ず一撃鳴るので、無音のまま迷うことはありません。

Nothing is playing when you arrive. Click or tap a shard and that track wakes up. Every tap fires a hit immediately, so you are never left wondering whether it worked.

どの区画がどの音かは毎回ランダムです。位置と音は結びついていません。

Which shard holds which sound is random every visit. Position and sound are not linked.

02マウス操作Mouse

03キーボードKeyboard

スマホの場合On a phone

• 2本指タップ = Enter（統合）
• 3本指タップ = X（崩壊）
• キーボード専用の機能は PC でどうぞ

• Two-finger tap = Enter (unify)
• Three-finger tap = X (wreck)
• The rest of the keys need a keyboard

Space のストロボThe strobe

テンポは JavaScript のタイマーではなく DSP のステップカウンタから直接取っています。 音そのものと同期しているので、ドラッグでクロックを速くすれば点滅もついてきます。

The flash is driven by the DSP's own step counter, not a JavaScript timer. It is locked to the audio itself, so dragging the clock faster takes the strobe with it.

04色を出す ― P と OColour — P and O

この作品は白黒です。色が出るのはこの2つのキーだけです。どちらも押すたびに積み上がります。 M でその色を全部ランダムに入れ替えられます（初期値はピンク・紫・紺と赤）。

The piece is monochrome. These two keys are the only colour in it, and both accumulate every time you press. M re-rolls that colour entirely — pink, purple, navy and red are only where it starts.

P — 線P — lines

11〜18本の線が6方向をベースに走ります。太さ・速度・出現タイミング・長さがすべて別々です。 太さは細い線が圧倒的に多く、たまに太いのが混じります。速度は対数分布なので、 画面横断に4.5秒かかる遅いものから 0.12秒で消える閃光まで同時に飛びます。 42%は途中で止まって横切りきれずに消えます。

Eleven to eighteen streaks, based on six directions, each with its own thickness, speed, delay and length. Thickness is heavily biased towards hairlines with the occasional heavier stroke. Speed is log-uniform, so a streak that takes 4.5 seconds to cross flies alongside one gone in 0.12 seconds. 42% stop dead partway and never make it across.

O — 水玉O — dots

1回で55〜114個の円が画面全体に湧きます。色はピンク・紫・紺の3色。 約半分は不透明、残りは透明度がばらばらなので、重なっても下の層が見えます。 3.5〜9秒かけてゆっくり消えていきますが、速く連打すれば1000個以上を同時に画面に出せます。 即座に消したいときは Enter×3 です。

Fifty-five to a hundred and fourteen discs per press, scattered across the whole frame, in pink, purple and navy. About half print solid; the rest have varied opacity, so layers stay legible as they pile up. They fade over 3.5–9 seconds, but hammer the key and you can hold over a thousand on screen at once. Enter×3 clears them instantly.

05押している間だけのエフェクトHeld effects

6つのキーは音と映像の両方に同時にかかります。離すと戻ります。音側はマスターバス全体 — グルーコンプの直後、マスターゲインの直前 — に入っているので、8トラック全部・タップの一撃・ノイズ層・ディレイとリバーブの戻り、すべてを通ります。一瞬押しでも完全にかかります（押下から420msは保持されます）。

Six keys, each bending sound and image together. On the audio side they sit on the master bus — right after the glue compressor and before the master gain — so all eight tracks, the tap hit, the noise bed and the delay and reverb returns all pass through them. Even a quick tap gets the full effect: a press latches for 420 ms.

音側で何をしているかWhat each one does to the sound

• F フランジャー — 0.15〜9.5ms の変調ディレイ、フィードバック 0.91 の深いコム
• W ワウ — Q=24 のバンドパスが 170Hz〜7.7kHz を往復。他の帯域は通さない
• S ストッター — テンポ同期の短いディレイ、フィードバック 0.94 のほぼ無限反復
• E リングモッド — 双極性の掛け算なので元のピッチが消える（重心が1.6オクターブ移動）
• C ビットクラッシュ — 2値量子化＋サンプルレート 420Hz まで低下
• T テープストップ — 読み出し点が遅れていってピッチが落ち、同時に高域が死ぬ

• F flanger — a 0.15–9.5 ms modulated delay with 0.91 feedback: a deep resonant comb
• W wah — a Q=24 bandpass sweeping 170 Hz to 7.7 kHz, and nothing else gets through
• S stutter — a short tempo-synced delay at 0.94 feedback, near-infinite repeat
• E ring mod — bipolar multiplication, so the original pitch is annihilated (centroid moves 1.6 octaves)
• C bit crush — two-level quantisation and sample rate down to 420 Hz
• T tape stop — the read point drags further behind, bending pitch down as the top end dies

06音の中身Inside the sound

8トラック × 4種類の合成構造 = 32の音。さらに各トラックで 15個の連続パラメータが引き直されるので、同じ音は出ません。

Eight tracks x four synthesis structures each = 32 instruments, and every track re-rolls fifteen continuous parameters on top of that. The same sound does not come back.

シーケンスもランダムThe sequences too

• パターン長 2〜16ステップ。トラックごとに違う長さなので、7ステップと12ステップが別々のクロックの上で回る
• 回転位置・ユークリッドのパルス数・確率的な装飾の密度
• 音符シードはトラックごと。1本引き直しても他は変わらない
• ディレイとリバーブの中身（分割・フィードバック・左右差・プレートの大きさ・ダンピング）も引き直される

• Pattern length 2–16 steps, per track — a 7-step part and a 12-step part turning on clocks that already disagree
• Rotation, Euclidean pulse count and probabilistic fill density
• The note seed is per track, so re-rolling one leaves the others alone
• The delay and reverb internals — division, feedback, stereo skew, plate size, damping — get rolled as well

全8声で CPU は 1コアの約11%。WASM は約100KB。

All eight voices cost about 11% of one core. The WASM module is around 100 kB.

07放っておくとLeft alone

1分間なにも触らないと、勝手に演奏を始めます。 1〜6拍ごとに、人間と同じ操作をランダムに実行します — エフェクトキーを1〜4拍押さえ、 P で線を飛ばし、O で水玉を撒き、 M で色を入れ替え、Enter で統合し、X で崩壊させ、 トラックを引き直す。実測で20秒に15〜22回、そのうち4割の時間はエフェクトキーが押されています。

タイミングは JavaScript のタイマーではなく DSP のステップカウンタから取っています。 つまり Space で先にテンポを決めておけば、スクリーンセーバーはそのBPMの拍に乗って演奏します （90 BPMで打鍵→実測90 BPM、160→159 で確認）。放置中はキックのクロックだけ引き直さないので、決めた拍が保たれます。

何か触った瞬間に止まります。また、音が鳴っていない状態で放置した場合は、映像だけが動いて音は鳴りません。

After a minute alone the piece starts playing itself. Every one to six beats it fires one of the same actions you have — holding an effect key for one to four beats, throwing lines with P, scattering dots with O, re-rolling the palette with M, unifying with Enter, wrecking with X, re-rolling tracks. Measured: 15–22 actions every 20 seconds, with an effect key held roughly 40% of the time.

The timing comes from the DSP's step counter, not a JavaScript timer. Tap a tempo in on Space first and the screensaver performs on that beat (tapped 90 BPM measured 90; tapped 160 measured 159). It leaves the kick's clock alone while idle so the pulse you set stays put.

It stops the instant you touch anything. And if nothing was playing when you walked away, it stays silent — only the image keeps moving.

08その他Notes

• 右下に小さく全画面ボタンがあります
• 音はブラウザの制限で、最初のクリック/タップまで鳴りません
• タブを離れると音は止まり、戻ると再開します
• OS の「視差効果を減らす」設定を入れていると、動きが控えめになります
• WebGL2 が必要です

• There is a small fullscreen button in the bottom-right corner
• Browsers block audio until you interact, so nothing sounds until your first click or tap
• Leaving the tab suspends the audio; coming back resumes it
• If your OS has "reduce motion" enabled, the movement is toned down
• WebGL2 is required