19-t.com — 操作説明19-t.com — how to play

THE PLATE

画面全体がひとつの巨大な白黒の生物です。それが8つの区画に割れていて、 区画ごとに違う壊れ方をしている。区画は同時に8本の音のトラックでもあります。 8つのトラックはそれぞれ別のクロックで走っていて、比率の関係で およそ112秒に一度しか揃いません。だから同じ小節は二度と来ません。1音ごとに音色も引き直されます。

音はブラウザの中で Faust → WebAssembly にコンパイルされた合成エンジンが鳴らしています。録音物は一切使っていません。

← 本体へ

The whole screen is one enormous black-and-white organism, broken into eight shards, each broken differently. Those shards are also eight audio tracks. Every track runs on its own clock, and the ratios only line up about once every 112 seconds — so the same bar never comes round twice. Every single note re-rolls its own timbre as well.

The sound is a synthesis engine compiled to Faust → WebAssembly inside your browser. There are no recordings anywhere in it.

← back to the piece
⚠ スマホでは限定的な機能しか使えません。 この作品はキーボード前提です。スマホで動くのはタップでの発音といくつかのジェスチャー程度で、 エフェクトキー・テンポ・文字投影などほぼすべての操作は使えません。PC+キーボードでどうぞ。
⚠ On a phone this is a very limited experience. The piece is built around a keyboard: on mobile you get tap-to-play and a couple of gestures, and nearly everything else — effect keys, tap tempo, text projection — is unavailable. Use a computer with a keyboard.

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.

Eight shards, all quiet, each broken differently
開いた直後 — 全トラック停止On arrival — all tracks silent
Four shards woken, their line work brighter
4区画を起こした状態 — それぞれ別テンポで走るFour shards awake — each on its own tempo

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

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

02マウス操作Mouse

操作起きること
ActionWhat happens
クリックその区画のトラックを ON / OFF。押した瞬間に必ず一撃鳴る
ダブルクリックそのトラックを丸ごと引き直す。音色・シーケンス・クロック速度・エフェクト送りまで全部。強制的に ON になる
長押しその区画の見た目だけ壊し直す。音は変わらない
ドラッグ 横左=遅いビート / 右=速いビート。8本のクロックを比率を保ったまま 0.54〜1.84 倍
ドラッグ 縦下=低くて長い / 上=高くて短い。ルート音・フィルタ・リリースが同時に動く
激しく振り回す歪み・ノイズ量・レゾナンスが上がり、速く振るほど連打が自動で出る。極端に振ると自壊する
ホイール印刷の粗さ。1ドットから画面数個の塊まで(1〜160)
ClickToggle that track on or off. A hit always sounds on the press
Double-clickRe-roll the whole track — timbre, sequence, clock rate, effect send. It is forced on so you hear what you made
Press and holdRe-breaks how that shard looks only. The sound is untouched
Drag horizontallyLeft is a slow beat, right is a fast one. All eight clocks scale together, 0.54x to 1.84x, keeping their ratios
Drag verticallyLow and long at the bottom, high and short at the top: root note, filter and release move together
Shake it hardDrive, noise and resonance climb, and the harder you move the faster it rolls. Go far enough and the plate tears itself apart
WheelPrint coarseness, from one dot per pixel to a handful of slabs (1–160)
Photographs torn into rectangular, round and many-sided shards across the plate
I 54枚の写真の破片 — 破れた四角・丸・多角形Shards of 54 photographs — torn rectangles, discs, polygons
Mid-shake: strokes swollen into fat dots, the image blown into blocks
激しく振り回した瞬間 — 線が極太に膨れるMid-shake — the stroke swells
Resolution reduced to enormous blocks
ホイールで粗さ最大 — 解像度の限界Wheel at the far end — coarsest print

03キーボードKeyboard

キー起きること
KeyWhat happens
Spaceタップテンポ。5〜300 BPM。2回目以降で白黒ストロボが始まり、テンポに同期して点滅し続ける。テンポを大きく変えるときは新しい速さで2〜3回叩く(1回だけの誤タップでは変わらない)。長押しのキーリピートは無視。スペース自体は音を鳴らさない(テンポと映像だけ)
Escストロボを止める
Enter全区画が揃って1匹の生物になる(約3.6秒)。押しっぱなしで延長
Enter×30.9秒以内に3回で全トラック停止+線と水玉も全消去
Aアンビエント統一モードのオン/オフ。セルの境界が完全に消えて画面全体が一枚の映像になる。音はそのまま、もう一度押すと戻る
R全部一気にランダム。8トラックの音色・シーケンス・クロック・エフェクト・生物の体まで同時に引き直す。無音状態から押せば数トラックが起きて鳴り始める
X全部ぶっ壊れて数秒かけて戻る。音も一時的に崩壊する
P赤と黒の線が6方向から走る
O水玉が画面全体に湧く
M線と水玉の色を全部ランダムに入れ替える。すでに画面に出ているものも即座に塗り替わる
I54枚の写真が破片になって一瞬だけ画面に散らばる。78%の確率で一角が正しく組み上がり、何が写っているか分かる。破片の形は破れた四角・丸・三角〜六角がランダム
メロディ系5トラックの旋律だけを引き直す。音色はそのまま、ドラムも不変
メロディ系5トラックの音色だけを引き直す。旋律はそのまま、ドラムも不変
キック以外を全部引き直す(Rのキック温存版)。無音時は数トラック起こす
ランダムに選んだ半分(4トラック)を引き直す
19画面全体が回る・流れる・吸い込まれる・歪む。押している間だけ(映像のみ)
V B G H J K Y N押している間だけの映像専用エフェクト8種:渦 / レンズ / 短冊ずれ / 無限落下 / カメラ殴打 / 万華鏡 / 積層 / 溶解。音はそのまま
0×2文字投影モード。右下に入力ボックスが出るので文字列を入れ、もう一度0を2回。入れた文字が画面右下に現れては消えるようになり(2秒でフェードイン→5秒投影→2秒でフェードアウト、10秒周期)、全エフェクトで一緒に歪む。空のまま確定すると解除。入力中は他のキーは楽器に届かない
F W S E C T押している間だけ音と映像に効果がかかる
SpaceTap tempo, 5–300 BPM. From the second tap a black/white strobe starts and stays locked to it. To change tempo drastically, tap the new speed two or three times — a single stray tap will not move it, and holding the bar down is ignored. Space itself makes no sound: tempo and visuals only
EscStop the strobe
EnterAll eight shards agree and you see the one creature for about 3.6 s. Hold to extend
Enter×3Three times within 0.9 s: every track off, and all lines and dots wiped
AAmbient unification mode, on/off. The cell borders dissolve completely and the plate becomes one single image. The sound is untouched; press again to return
RRoll everything. All eight timbres, sequences, clocks, effects and the organism's body at once. From silence it wakes a few tracks and starts playing
XTotal collapse, then a few seconds to recover. The sound goes with it
PRed and black streaks tear across from six directions
ODots bloom across the whole plate
MRe-rolls every colour in the lines and the dots. Marks already on screen repaint instantly
IFifty-four photographs tear into shards and scatter for an instant. 78% of the time a patch reassembles correctly and you can see what it is. Shards come out as torn rectangles, discs and lopsided 3- to 6-sided pieces
Re-roll only the melody lines of the five melodic tracks. Timbres stay; drums stay
Re-roll only the timbres of the five melodic tracks. Melodies stay; drums stay
Re-roll everything except the kick (R with the kick spared). Wakes a few tracks from silence
Re-roll a random half of the plate (four tracks)
19The whole plate spins, streams, tunnels or shears while held. Image only
V B G H J K Y NEight image-only spells while held: vortex / lens / slab glitch / endless dive / camera knock / kaleidoscope / stacked slats / melt. The sound is untouched
0×2Text projection. A quiet box appears bottom-right; type or paste a string, then double-tap 0 again. The text appears bottom-right — 2 s fade in, 5 s held, 2 s fade out, on a 10 s cycle — and every effect deforms it with everything else. Commit an empty box to clear it. While typing, no key reaches the instrument
F W S E C THeld-down effects on both sound and image
文字投影の細かい仕様:ボックス内で0を1回だけ押すとふつうに「0」が入力されます (2連打だけが確定操作)。Escで入力を破棄。文字は10秒周期(2秒イン・5秒保持・2秒アウト・1秒暗転)で右下に現れ、 マークと同じレイヤーに描かれるのでPの線や写真の破片と同じ扱いで歪みます。
Text projection details: a single 0 inside the box types a normal zero — only the double-tap commits. Esc discards. The text runs a 10 s cycle — 2 s in, 5 s held, 2 s out, 1 s dark — bottom-right, and lives on the same layer as the marks, so it is bent by exactly the same machinery as P's streaks and the photo shards.

スマホの場合On a phone

All shards aligned into one continuous organism
Enter1匹に戻る数秒one creature, briefly
Total collapse: blocks and tearing
X崩壊、そして復帰collapse, then recovery

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.

Strobe, dark half of the cycle
拍の表on the beat
Strobe, fully inverted half of the cycle
拍の裏 — 完全反転off the beat — fully inverted

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.

Red and black streaks of varying thickness crossing the plate
P赤がこの作品で唯一の色the only red in the piece

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.

A dense field of pink, purple and navy dots at varied opacity
O12回連打した状態after twelve rapid presses
線と水玉は専用のレイヤーに描かれていて、下の FWSECT の変形がそのまま乗ります。線を飛ばしながら F を押すと、赤い線も一緒に万華鏡に折り畳まれます。
Lines and dots live on their own layer, sampled through the same deformed coordinates as the plate — so the effects below apply to them too. Press F while streaks are flying and the red folds into the kaleidoscope with everything else.

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 drag strike, 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.

The plate mirrored into a kaleidoscopic tiling
F フランジャー / 万華鏡フォールドflanger / mirror fold
Standing waves running across the image
W ワウ / 波紋wah / ripple
The image diced into tiles that have swapped places
S ストッター / 賽の目に切って入れ替えstutter / diced and shuffled
The whole plate rotating with midtones inverted
E リングモッド / 回転+ソラリゼーションring mod / spin + solarise
Collapsed into enormous blocks
C ビットクラッシュ / 巨大ブロック化bit crush / giant blocks
The image dragged sideways
T テープストップ / 引き伸ばしtape stop / smear
さらに V B G H J K Y N映像だけにかかる8つの呪文です。渦・押し付けたレンズ・縦の短冊が別々に滑る・中心への無限落下・ 毎秒殴られるカメラ・回る万華鏡・フレームの積層・蝋のような溶解。音を一切変えないので、 鳴っているものを壊さずに画面だけを破壊できます。スクリーンセーバーも押します。
V B G H J K Y N are eight further spells that bend the image only: a vortex, a pressed-in lens, vertical slabs slipping independently, an endless dive into the centre, a camera that takes punches, a turning kaleidoscope, the frame stacked into slats, and a wax melt. They never touch the sound, so you can wreck the picture without wrecking what is playing. The screensaver presses them too.

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

6つともグルーコンプの後段に置いてあります。前段だとコンプがストッターの隙間を埋め戻してしまい、 効果がほとんど聞こえなくなるためです。音量は全効果で ×0.5〜×2 の範囲に収めてあるので、 キャラクターは激変しても音量は暴れません
All six sit after the glue compressor. In front of it the compressor simply filled in every gap the stutter cut and pushed the tape stop's dip back up, which made them nearly inaudible. Level change is held to x0.5–x2 across all six, so the character moves violently while the loudness does not.

06画面を流す ― 1〜9Moving the plate — 1 to 9

画面は毎フレーム自分自身を撮り直しています。数字キーはその撮り直しの変換そのものを曲げるので、何も描き直さずに画面全体が動き出します。残像がそのまま尾を引くため、押しっぱなしにすると数秒かけてどんどん深くなります。音には一切かかりません。

Every frame the plate re-photographs itself. The number keys bend that re-photographing transform, so the whole image starts moving without a single thing being redrawn. The trails are what you see, so holding a key keeps deepening it over several seconds. None of this touches the sound.

The whole plate smeared into rotating arcs
1 回転 — 残像が弧を描くSpin — the trails draw arcs
Streaks converging toward a vanishing point at the centre
7 吸い込み — 全部が一点へ落ちていくFall inward — everything drains to a point
押した瞬間に立ち上がり、離すとゆっくり戻ります。PI と重ねると、線や破片も一緒に流されていきます。
It ramps up the moment you press and eases back out when you let go. Stack it with P or I and the lines and shards get carried along with everything else.

07音の中身Inside the sound

8トラック、合成構造は合計38種(上5トラックは4種、下3トラックは6種)。さらに各トラックで 15個の連続パラメータが引き直されるので、同じ音は出ません。

Eight tracks, 38 synthesis structures in total — four each on the top five, six each on the bottom three — and every track re-rolls fifteen continuous parameters on top of that. The same sound does not come back.

トラック合成構造
TrackKinds
SUBTHORAXサブ / ハード / ガバ / 音程付き(キック。8回に1回は素直な4つ打ちが出る。その時はディレイ無し。通常時もディレイ送りは低め固定)
CARAPACEタイト / ファット / ゲート / リムショット(スネア)
CHITINクローズハット / オープン / ピン / グレイン
ABDOMENFM / アシッド / ラバー / リース(ベース)
SPOREソウパッド / オルガン / ボウド / サブドローン
OCELLIベル / スーパーソウ / スタブ / リングモッド / プラック / フーバー(リード)
STRIDULAコオロギ / ブリップ / チャープ / クラッシュ / レーザーザップ / シェイカー
MYCELIUMコム / グレイン / スクリーム / サンプ / 母音グロウル / ランブル
SUBTHORAXsub / hard / gabber / tuned (kick — one roll in eight comes back as a straight four-on-the-floor, dry; even ordinary rolls keep its delay send low)
CARAPACEtight / fat / gated / rimshot (snare)
CHITINclosed hat / open / ping / granular
ABDOMENFM / acid / rubber / reese (bass)
SPOREsaw pad / organ / bowed / sub drone
OCELLIbell / supersaw / stab / ring mod / pluck / hoover (lead)
STRIDULAcricket / blip / chirp / crushed / laser zap / shaker
MYCELIUMcomb / granular / scream / thump / vowel growl / rumble

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

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

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

08スクリーンセーバーScreensaver

右下の三日月ボタンを押すと、勝手に演奏を始めます。(時間経過では発動しません) 1〜6拍ごとに、人間と同じ操作をランダムに実行します — キーボードの全機能を使います: エフェクトキー(F〜T・V〜N)を1〜4拍押さえ、1〜9で画面を流し、 P の線・O の水玉・M の色替え・ I の写真破片(連打も)・A のアンビエント統合(数拍だけ)・ EnterX・カーソルキー4種のロールまで。 複合技も出します:スペルを掛けたまま画面を流す、色を替えてから線を投げる、破片を万華鏡に通す。実測で20秒に15〜22回、そのうち4割の時間はエフェクトキーが押されています

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

クリックするかキーをどれか押した瞬間に自動で解除されます。また、音が鳴っていない状態で始めた場合は、映像だけが動いて音は鳴りません。

Press the crescent button bottom-right and the piece starts playing itself. (It never engages on its own.) Every one to six beats it fires one of the same actions you have — the whole keyboard: effect keys (F–T, V–N) held one to four beats, 1–9 flows, P lines, O dots, M recolours, I photo bursts, A ambient unification for a few beats, Enter, X, and all four arrow rolls. It stacks them too: a spell over a flow, a recolour before a volley of lines, photographs thrown through a kaleidoscope. 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.

Any click or any key ends it automatically. And if nothing was playing when you started it, it stays silent — only the image keeps moving.

09その他Notes