Claude モーション実践ガイド：完全プロンプト・調整手法・書き出し手順

# The render contract: paste it under any motion prompt
Output one self-contained HTML file. Only the libraries the prompt names, pinned to a version.
No network requests except fonts and those pinned libraries.
Every frame must be a pure function of time t, in seconds.
If JavaScript drives any motion, expose window.renderAt(t) that draws exactly that frame.
Animate with CSS keyframes, the Web Animations API, SVG, Canvas 2D or WebGL.
No Date.now, no setTimeout or setInterval starts, no unseeded Math.random.
Loops: render frames 0 to N-1 only, and frame N-1 must flow into frame 0.

Create a cool 3D product animation for a pair of wireless earbuds. Make it look premium and modern. One self-contained HTML file using three.js, 960x1080, 6-second loop.

GOAL: a studio product film for wireless earbuds: case opens, buds rise to the viewer, everything clicks shut.
OUTPUT: one self-contained HTML file, three.js 0.160.0 from jsdelivr (importmap), 960x1080.
TIME: 6-second loop, 60 fps = 360 frames, 120 BPM (1 beat = 30 frames). Hits land on beats.

MODEL (1 unit = 1 cm, primitives with bevels): case 6.0 x 4.6 x 2.2, 1.0 edge radius, split at 3.3, back-hinged lid, 0.06 split bevel, 0.045 chrome wire around the seam. Inside: D97757 deck, two dark elliptical wells. Buds: ellipsoid head 1.6 x 1.5 x 1.5, lathed silicone tip, 1.6 oval stem with a chrome end cap, dark grille. Seated heads sit flush with the deck.

LOOK: satin ceramic white F4F1EC (roughness 0.38, clearcoat 0.35), chrome (metalness 1, roughness 0.05), D97757 on the deck only, ink 1C1B1A, tips E4E0DA. Backdrop F0EDE8 center to DEDAD3 corners, dithered. Key FFF4E8 3.0 upper front left, soft shadows; fill E8EEF5 0.6 low right; rim FFFFFF 4.0 upper back right. Reflections: PMREM studio built in code (warm gray dome, overhead and key softboxes, rim strip). Contact shadows, opacity 0.55. Neutral tone mapping, 8% vignette, 2% grain seeded per frame.

SHOTS:
0.0 to 0.5 s: a 2.4-wide studio strip (from 5.5 s) sweeps left to right, glinting across the closed lid and seam.
0.72 to 0.95 s: anticipation: lid presses 1.5 degrees shut, case squashes 2%, hold 3 frames.
1.0 s: lid springs to 100 degrees (damping 0.6, about 10% overshoot, settled by 1.4 s).
1.5 s: buds rise 4.0 out of the wells, right first, left 4 frames later (damping 0.7). From rise frame 8 they tilt 14 degrees outward and turn 35 degrees to camera on a looser spring (damping 0.5): stems swing through and settle.
2.0 s: camera push-in.
2.4 to 4.0 s: hold, buds float 0.05 on a 1 s sine. 3.0 s: second glint crosses the buds.
4.0 s: buds straighten (0.2 s) and descend (easeInOutCubic, 0.45 s), seating with a 0.05 magnetic dip.
4.75 s: lid falls (easeInCubic), shuts exactly at 5.0 s, bounces 3 degrees, settles by 5.3 s; case recoils 1.5%.
5.5 s: next glint starts.

CAMERA: fov 30, never parked. Azimuth 34 to 10 degrees from 5.6 s to 4.0 s (easeInOutSine), back by 5.6 s (easeInOutCubic). Distance creeps 21 to 20.2, pushes to 16 at 2.0 s (easeOutExpo, 0.8 s), returns 4.0 to 5.6 s (easeInOutCubic). Buds up: elevation 12 to 19 degrees, target height 2.3 to 4.2.

BANNED: purple or blue gradients, glow orbs, bloom, neon, lens flares, particles, generic spinning turntables, dark backgrounds, text.

QA: renderAt(t) draws exactly time t, seeded noise only. Stills around every hit; frame 359 flows into frame 0.

# 第 1 ラウンド、初版ビルド後（0 秒、1.25 秒、2.9 秒、4.9 秒で静止フレームをキャプチャ）
白い外装が背景と同化してしまい、クロム素材がくすんだ灰色に見える。スタジオのドームライトを約 3 分の 1 に下げ、ソフトボックスを強めて、シャドウ側をしっかり落とし、クロムに明暗のストライプが現れるようにする。
開いたケースの蓋が平らな分厚い板のように見える。内側をくり抜く：フレームの厚み 0.16、内側の凹みキャビティの深さ 0.62、上面内側の面取り 0.22。
暗色の丸いグリルが目のように見える。細長いスリット状のバーに変更する。
イヤホンケースの底面に 2 つの黒い影が透けて見える：高さ 0.3 にあるスロット底面が、底部のカーブした外壁を突き抜けている（この高さでは外壁が内側に 0.29 絞り込まれている）。スロット底面の高さを 0.5 に引き上げる。
内側のベーストレイがサーモンピンク色に見える。粗さを 0.7 に設定。
# 第 2 ラウンド、ピクセル測定後
正面と上面の明度が同じで、右側が背景に埋もれている。キーライトを (-7, 12, 8) に、リムライトを (2, 8, -12) に調整し、左前上方と右後上方の位置関係を維持。トップソフトボックスを 2.2、露出を 0.8 に設定。
グレージングライト（掠め光）がフラッド照明になってしまっている：ライトバーのオン/オフによって 178,864 ピクセルもの明暗が変化している。高さ 60 のライトバーが正面全体を照らしてしまっているため。ライトバーは反射の中だけに存在させ（鏡面反射の参照用に 2 つ目の PMREM を使用し、ディフューズ反射には静的スタジオを使用）、要件定義の幅 2.4 に戻す。
露出を 0.9 に調整、メインソフトボックスを 4.5 に調整して、セラミックの質感がしっかり白く見えるようにする。ベーストレイの鏡面反射を 0.3 に設定し、かすめ光の反射で D97757 が白飛びして薄まらないようにする。
スロット開口部のエッジに 0.07 の機械加工された面取りを追加。
イヤホンのヘッド部がネズミの頭のように見える。ステムを外側に移動し、球状のイヤーピースを短い音導管と平らなシリコンイヤーピースに置き換え、グリルをヘッド部からステムへ移す（すでに 2 回も目に見えると誤認された）。
アームの昇降を高速化：2.3 秒までに高い目標位置に到達させ、ドリーイン中にもイヤホンヘッドの上に構図の余白を確保できるようにする。
# 第 3 ラウンド、各ライトスイープを個別に分離確認後
1 本目のライトスイープが弱すぎて目を引かない。クリアコートの粗さを 0.08 に、ライトバーのピーク強度を 24 に設定し、スイープ角度を -80 〜 0 度に調整して、第 0 フレームで光の帯がちょうど正面中央に来るようにする。
2 本目のライトスイープで蓋の内側キャビティ全体が光ってしまう（3.3 秒時点で 207,791 ピクセル）。ライトバーが平面領域の鏡面反射方向を横切っているため。仰角を 8 〜 61 度まで引き上げ、幅を 4.8 に設定：曲率を持つイヤホンヘッドとステムだけが光を捉えるようにする。
画面ホールドでカメラが完全に静止してしまっている：2.8 〜 4.0 秒の間に 0.4 のパン微小ドリーを追加。左イヤホンの浮遊は上昇動作と同様に右イヤホンより 4 フレーム遅らせる。
# 第 4 ラウンド、単一フレーム単位の微調整
予備動作が 3 フレームではなく 4 フレーム（57 〜 60 フレーム）静止している：スプリングがちょうど 1.0 秒時点で静止スタート点にあるため、アクセントとなるフレームでも押し込み姿勢のまま止まってしまっている。リリースを半フレーム前倒し（59.5/60 秒）：第 57 〜 59 フレームは静止を維持し（モーションブラーのサブフレームを含む）、第 60 フレームを最初の開口フレームにする。

# サウンドプロンプト
A/B 動画用の BGM・SE を作成。サンプル音源は使用せず、ダウンロードも行わず、Web Audio API を使用してコード内ですべてのサウンドを合成。120 BPM、6 秒ループ、360 フレーム（60 fps）。各ヒットポイントおよび伴奏は、対応するビジュアルイベントの 1 フレーム後に発生。
伴奏：60 フレームごとにキック、16 分音符のシェイカー、ベースとパッドのコードは F、120 フレームで B♭、240 フレームで Gm、300 フレームで C。
右半分のみ：
44 〜 60 フレーム：リバースクレッシェンド。
60 フレームの蓋オープン：スナップ音、880 Hz のボディ共鳴音、120 Hz のこもったインパクト音。
90、94 フレームでマグネットのポップ音、119 フレームまで上昇する気流音。
96 〜 120 フレームでドリーインのクレッシェンド。
180 〜 216 フレーム、330 〜 30 フレームでライトスイープのきらめき。
240 〜 267 フレームで下降時の風切り音、270 フレームで着座スナップ音。
285 〜 300 フレームで閉じる動作へ向けた風切り音：スナップ音、200 Hz の重い打撃音、70 Hz のこもった打撃音。306、312 フレームで微小なクリック音。
ヒットポイントは伴奏より 3 〜 6 dB 高く、8 kHz 以上はカット、モノラルセーフ。2 回レンダリングし、2 回目の結果を採用。48 kHz ステレオ WAV、約 -14 LUFS、ピーク -1 dBTP。MP4 にマルチプレックス（多重化）し、デコード後の音声で各ヒットポイントを検査。
# サウンドの追加指示（12 項目）、そのまま送信
# 第 1 ラウンド、初回レンダリングの測定後（エネルギーの 80.6% が 60 Hz 以下、3.5% が 150 Hz 〜 6 kHz、中央値 58 Hz。ヒットポイントは伴奏より 0.5 〜 1.6 dB 高い程度。ボディ共鳴のピークが対応フレームより 2.5 〜 5 ミリ秒遅延）
1. 超低域がすべてを覆い隠している。B♭、G、C を 1 オクターブ上で演奏し（117、98、131 Hz）、ベースを 900 Hz まで開放、キックを 80 ミリ秒に短縮して 190 Hz のアタック感を持たせる。パッドを 5 dB 上げ、各ヒットポイントを 6 dB 上げ、微小クリック音はケース閉じ音よりそれぞれ 6 dB および 10 dB 低くする。
2. 各ボディ共鳴とこもったインパクト音をコサイン位相で開始し、アタックを 0.5 ミリ秒に設定して、最初の波形ピークが対応フレーム + 1 に来るようにする。
3. ドリーインのクレッシェンドに明確なピークを持たせる：第 121 フレームに向けて 60 ミリ秒指数関数的に上昇させ、その後 25 ミリ秒でカメラワークの終息部へと減衰させる。
4. ケース閉じからクリック 2 までの間（301 〜 313 フレーム）、伴奏のダッキングを 4 dB 深くする。
5. DC オフセットを除去：各チャンネルのループ平均値を差し引く。
# 第 2 ラウンド、2 回目レンダリングの測定後（全体のミックスは -14.0 LUFS だが、モバイル再生で重要な 200 Hz 〜 6 kHz では -22.9 LUFS しかない。ヒットポイントトラックから伴奏トラックを減算、K 特性：snap が -0.3、pops が -3.1 と -5.2、seat が -6.9、shut が +2.6、ticks が -0.8 と -4.3、push-in が -9.3 dB。キックのピークが対応フレーム + 1 より 5 ミリ秒遅延、オープン時のインパクトが 2.4 ミリ秒遅延）
6. ベースが依然として音量を支配している。ベースのサイン波を 3 分の 1 に下げ、ノコギリ波を 1200 Hz まで開放、ベースを 2 dB 下げ、パッドを 4 dB 上げてより明るくする（1600 Hz）。
7. ヒットポイントを伴奏より 3 〜 6 dB 高く調整：ドリーインクレッシェンド +8 dB、着座スナップ音 +6 dB、ポップ音 +4 dB、微小クリック音はケース閉じ音よりそれぞれ 4 dB および 8 dB 低くする。
8. キックも含め、最初の波形ピークが正確に対応フレーム + 1 に来るよう各音色の位相を調整（コサイン開始、1 ミリ秒アタック）。
# 第 3 ラウンド、3 回目レンダリングの測定後（スマホ帯域で -17.5 LUFS、全体で -14.0 LUFS。スマホ帯域でのヒットポイント引く伴奏：snap 6.4、pops 5.6 と 3.5、seat 2.3、shut 8.4、ticks 3.0 と 1.8、push-in 3.0 dB。キックの最初のピークは対応フレーム + 1 に来ているが、幅の広い 2 つ目の波形ローブが 2.5 ミリ秒後に 10% 大きくなっている。リミッターのゲインリダクションが 4.4 dB に達している）
9. キックに 3 ミリ秒のトランジェントを付与（対応フレーム + 1 の後の 3 ミリ秒間でレベルを 65% まで低下）、アタック感を 3 dB 追加し、最大のピークが最初のピークになるようにする。
10. ケース閉じ音を 2.5 dB 下げ、微小クリック音は現在の位置を維持（クリック 2 はその後 3 dB ブースト）、着座スナップ音 +2 dB、ドリーインクレッシェンド +2 dB。
11. キックの 2 つ目の波形ローブがまだ 6% 大きい：アタック音の負の半周期がちょうどそこに重なっている。アタック音を 4 ミリ秒で減衰させ、キックのアタックを 0.5 ミリ秒にする。クリック音のボディを 12 ミリ秒で減衰させ、手前のリリース音がローブを反転させないようにする。
# 第 4 ラウンド、Chrome で多重化後の記事用 MP4 をデコード後（オフセット -0.002 ミリ秒、各ヒットポイントはすべて対応フレーム + 1 の 0.0 〜 1.3 ミリ秒後にあるが、AAC エンコードによってトゥルーピークが -1.3 から -0.4 dBTP に跳ね上がっている）
12. WAV を -2.2 dBTP にリミットし、デコード後の MP4 が -1 dBTP 以下を維持するようにする。-14 LUFS を維持。

GOAL: what the viewer should feel or do, in one sentence
OUTPUT: one self-contained HTML file (or Remotion, HyperFrames), W x H
TIME: seconds x fps = total frames. Loop: yes or no
LOOK: palette in hex, one accent, typeface + weight + size + tracking
MOTION: easing as cubic-bezier, springs as damping ratio, durations in frames
SHOTS: frame ranges, one hero move per shot, how each shot hands off
BANNED: the defaults you never want to see
QA: stills at named frames, a contact sheet, fix, then the full render

GOAL: [Clarify the core action and emotion of the motion in one sentence, e.g., A premium, minimalist smartwatch rotates to showcase and unfold its core sensor interface]
OUTPUT: One self-contained HTML file, importing specified pinned library versions via jsDelivr importmap only [e.g., three.js 0.160.0], canvas size [e.g., 1080x1080]
TIME: [X]-second seamless loop, [60] fps = [total frames] frames, [120] BPM tempo (1 beat = [X] frames), key hits strictly land on beat frames

LOOK:
- Primary palette & materials: [Provide Hex colors, metalness, roughness, clearcoat parameters]
- Background & environment: [E.g., solid color or subtle noise gradient backdrop, strictly no pure black or cluttered textures]
- Studio lighting: [Define Hex colors, intensities, and placement orientations for key, fill, and rim lights, configure subtle soft contact shadows]

MODEL / CAMERA (3D only):
- Model: [Dimensions, units, relative positions of main body and parts, character proportions that must be maintained]
- Camera: [Field of view, start and end positions, lookAt target, and movement durations]

MOTION:
- Easing curves: Entrance [cubic-bezier(0.16, 1, 0.3, 1)], exit [cubic-bezier(0.7, 0, 0.84, 0)]
- Physics springs: Damping ratio for mechanical structures [0.6-0.7], damping ratio for follow-through secondary motion [0.5]
- Choreography rhythm: Hero action lasts [X] frames, secondary elements staggered by [Y] frames and start when hero reaches 40% completion

SHOTS:
- Frame 0 to F1: [Initial camera state, glint strip sweep or anticipation wind-up action]
- Frame F1 to F2: [Hero core unfolding action, camera follows with subtle push/pull]
- Frame F2 to F3: [Showcase hold period, text or detail reveal, maintain 2% subtle breathing push-in]
- Frame F3 to End frame: [Retract and settle back, smoothly hand off position, deformation, camera, and velocity across loop boundary]


BANNED:
- Strictly ban purple/blue sci-fi gradients, glow orbs, oversaturated bloom, neon outlines, cluttered floating particles, stationary constant-speed spinning turntables, pure black backgrounds

QA:
- Must expose window.renderAt(t) interface; all motion and noise must be completely determined by time t in seconds
- Strictly no Date.now(); random values must use a seeded pseudorandom function
- Stop real-time requestAnimationFrame loop when URL contains ?t=
- Set window.__ready = true once fonts, textures, and scene are ready
- Inspect specified keyframes and adjacent frames first to verify action, text, and loop seams before full export
- Render frames 0 to N-1 only for loops, maintaining periodic continuity in state and velocity

GOAL: Product Launch Day title card: letters rise letter by letter, hold for the audience to read, then return to the initial state.
OUTPUT: One self-contained HTML file, rendered with native CSS/SVG or Canvas, canvas aspect ratio 600x675.
TIME: 4-second seamless loop, 24 fps = 96 frames (frame 0 to frame 95).

LOOK:
- Canvas background: Pure white #FFFFFF
- Typography: Using Geist font (or system default sans-serif bold), font weight 800, font size 120px, slightly tight tracking -0.04em
- Text colors: Main title "LAUNCH" in deep carbon black #0F0F0F, accent word "DAY" in Claude brand orange #D97757

MOTION & SHOTS:
- Frames 0 to 33 (Staggered letter entrance):
  Letters rise from below the canvas clip boundary, without fading in via opacity. Each letter entrance lasts 14 frames, using an explosive ease-out-expo curve: cubic-bezier(0.16, 1, 0.3, 1).
  Letters start staggered 2 frames apart sequentially (L at frame 0, A at frame 2, U at frame 4...).
- Frames 34 to 75 (Absolute reading hold period, approx. 1.7 s):
  All text remains completely still, allowing sufficient cognitive time for readers to read clearly, maintaining text legibility without additional camera movement.
- Frames 76 to 95 (Loop exit phase · Guide adaptation addition):
76–89 frames: Text descends as a whole back into the clip boundary, transitioning with ease-in-out; frames 90–95 maintain the identical initial state as frame 0, with camera also returning to initial state.
  No fade-in or fade-out; check continuity across loop boundary.


BANNED:
- Strictly ban any blue/purple gradients, ban glow filters (drop-shadow/glow), ban disorderly blur fade-ins, ban all letters moving simultaneously.

QA:
- Expose window.renderAt(t) function on the page for external frame-by-frame driving, stop real-time animation when URL contains ?t=; set window.__ready = true once font loading is complete.

Render stills at frames 0, 24, 48, 72 and 96. Describe each in one sentence as a viewer would. Does that match the shot list? Fix what does not.
Make a contact sheet of every 12th frame. Mark every frame where two things move at once, then fix the hierarchy.
Onion-skin frames 24 to 47 at 25% opacity. Spacing should tighten near the keys. Adjust the easing until it does.
Plot the hero's x position and scale per frame as a PNG chart. Show me where the motion is linear or stops dead, then fix it with our tokens.
Review this like a senior motion designer: 10 notes ordered by impact, each with a frame number and the exact code change. Apply the top 5.
It is too busy. Remove 30% of the motion and keep only the moves that guide the eye.
The ending is abrupt. Add a 36-frame hold with a 2% push, then let it settle on a spring at damping ratio 0.8.

The fix at frame 84 did not hold. Render frames 83 and 85 as PNGs, put them side by side and list every difference you can see. Find the line of code that causes it, fix only that line, then render both frames again.

Score this 4-second title animation (96 frames, 24 fps). Synthesize all audio in code using the Web Audio API with zero external sound files. Match the audio duration to the animation and use its 24 fps to convert event frames into audio times. If explicit visual events occur, position the transient audio peak 1 frame after the event frame. Use OfflineAudioContext to render the full stereo mix in memory, encode the resulting AudioBuffer into a 48 kHz stereo WAV, and provide a download trigger for soundtrack.wav; I will place the downloaded file in the project root. Include a preview playback button in the page so I can audition the sound before exporting.

Liquid Chrome: 6 s seamless loop, 60 fps, 1080x1080, one HTML file, three.js 0.160.0 via jsdelivr importmap only.

window.renderAt(t) sets everything from t in seconds; all motion and noise periodic in 6 s; with ?t= never start requestAnimationFrame; window.__ready after font and bake. Quarter-pixel camera jitter, 4 offsets from frac(t*60).

Raymarch blob, 7 droplets and text as one SDF in a full-screen shader. Smooth-min k 0.35, falling to 0.1 as droplets part; each droplet becomes its glyph through mix(dropSDF, textSDF, K). Text: TextGeometry "OPUS 5.5" per glyph, helvetiker_bold from the pinned examples/fonts, size 0.52, height 0.12 (r160 reads height, not depth), bevel 0.03, 10 bevel and 24 curve segments, tracking -0.04 em, period optically centered. Bake the same outlines into a 2048x512 signed distance texture on the GPU, extruded as a rounded box to match the mesh. From 3.3 to 4.7 s cross-fade to the real mesh (creased normals, 35 degrees), same GLSL, reflections traced into the SDF.

Chrome: F0 0.92, Schlick fresnel, roughness 0.04, 3 bounces.

Studio: white floor at y -0.8, soft overhead shadow, contact darkening, 6% reflection, black beyond z 4 (camera side) so letter faces reflect dark. Environment in azimuth and elevation, camera at 0: black camera-side panel 86x57 degrees, softboxes overhead (2.4) and upper left (3.0), black flags at 75 degrees left and right, a D97757 rim strip behind at 149 degrees, 24 up, intensity 1.4, a 2 degree glint strip, intensity 6, tilted 40 degrees, sweeping left to right 3.3 to 4.1 s.

Timeline:
0 to 1.2 s: blob radius 0.62 breathes 3% every 1.5 s, simplex noise 0.05.
1.2 to 1.4 s: squash 10%.
1.4 to 2.1 s: stretch 2.4x wide and pinch into 7 droplets sized by glyph area; each arcs 0.2 up to its glyph, overshoots 7%, stretches along its velocity.
2.2 to 2.9 s: droplets become letters left to right, 3 frames apart, 0.4 s each; bevels start 0.07 puffy and spring flat.
2.9 to 4.8 s: hold.
4.8 s: 6-frame swell, letters slump 0.12 and soften, drain to the center with ease-in, merge at 5.62 s with a 3-bounce wobble (14%, damping 0.25) running through frame 0.

Camera: 30 degree lens, dolly 5.6 to 7.2 by 2.6 s, push to 6.95 in the hold, back to 5.6 by 5.9 s; orbit 7 degrees each way centered on the hold; 6 degrees above.

Post: bloom threshold 1.0, strength 0.3; tone curve linear to 0.9, then a soft shoulder; vignette 7%; grain 1.5% seeded by frame index.

1. 質感が白いプラスチックのように見え、文字正面には黒い床しか映らないため掠める光がまったく現れず、メッシュのキャップ面には歪んだ破片が反射している。スタジオを暗く（0.1のグレー）し、被写体の背面には幅140度、下方10度から上方40度までの白いホリゾント（cyc）のみを残す。白い床はz 4でカットし、カメラ側の光が黒い遮光板に届くようにする。メッシュキャップの法線を平坦化。リムライトストリップは12x40度。滴の液体の塊ノイズ周波数は1.0。
2. 掠める光のグレアで文字Pが消去されてしまう：幅を0.6度に変更し、強度を3に設定。リムライトが文字に全く当たらない：D97757の光ストリップを後方上部（165度、仰角42度、70x16度）へ移動し、右側に方位角55〜125、仰角-16〜10の柔らかなD97757サイド逆光を追加して、右を向いたすべてのベベルが光を捉えるようにする。
3. 0.03のベベルによって文字同士が癒着している。計測したグリフの外形輪郭に合わせて文字間隔を設定し、字間を0.09、単語間隔を0.26にする。カメラは7.8の位置を維持し、7.55までプッシュ。メッシュのベベル部分にノイズの斑点が発生：SDFグラディエントによるシェーディングに切り替え、レイトマーチング描画されたテキストと一致させる。
4. 外側の滴がおよそ第112フレームで画面外へ8ピクセルはみ出す。各グリフ位置の40%の地点からスタートさせ、u^2.4による飛行イージングを用いて7%のオーバーシュートがちょうど1.97秒で着地するようにし、1.2〜2.5秒の間でカメラワークを前進させる。
5. 文字が形成される過程で迷彩パターンのように見え、融合する滴の液体の塊が丸めたアルミホイルのように見える。表面の波紋を0.008、周波数を3.2に設定。
6. 第85フレームで液体の塊上に突如コブが出現する。1.2〜1.65秒の間で滴の半径を-0.4から成長させ、同時に液体の塊も-0.4から再成長させることで、smooth-minによる引き合いの融合を滑らかにフェードインさせる。
7. mix(sphere, letter) の遷移時に平たいコイン状の構造を通過してしまう。各滴が対応するグリフへ注ぎ込まれる形に変更：各グリフにSDFチャンネルを1つベイクし、滴から成長した球体の中で各文字を出現させ（smooth max 0.05、ease-out、0.4秒）、滴をその中へ収縮させ、両者をsmooth-minで接続し、文字が完全に満たされた後にのみ膨張スプリングアニメーション（減衰 0.55、3 Hz）を開始する。反転溶解させ、5.2秒から逆流して空にする。
8. 掠める光が文字Oに届くのが遅く、最後の5から離れるのが早すぎる。3.3秒でOに接触し、4.1秒で最後の5を通り抜けるようにする（キャリブレーション後のスイープ範囲：方位角 -0.083〜0.302）。
9. 滴がまだ生成されていない段階で文字が消滅し、融合した大きな球体が膨張してしまう。まず滴を再び成長させ（4.88〜5.1秒、グリフ寸法の1.15倍）、その後に収縮させて文字を引っ込め（5.0〜5.35秒）、5.15秒から中央の液体の塊を成長させる。
10. 文字の正面が平らな木炭のように見える。カメラ側パネルの内側 -6度の位置に幅0.5の細い水平線反射ストリップを追加し、z 3.6〜4.0の範囲で床の末端をフェザー処理してソフトにする。

# サウンドプロンプト
この6秒シームレスループ（360フレーム、60 fps）の劇伴を作曲してください。Web Audio APIを用いてコード内ですべてのサウンドを合成し、サンプリング音源の使用や外部ダウンロードは行わないこと。各ヒットポイントは対応する視覚イベントの1フレーム後に合わせる。
伴奏：120 BPM、3/4拍子の4小節、各小節90フレーム。第67、157、247、337フレームから開始。バスドラムは67、247、337フレームに配置。裏拍のシェイカーはヒットポイントが再生されない箇所でのみ発音。サブベースとパッドの和音はBm、G、A、D。
イベント：スクイーズの吸気音が84フレームでピーク、引き伸ばしグリッサンドが84〜112フレーム、ピンチ気泡の破裂音が112、113、114、120フレーム、注ぎ込み気泡音が136、138、141、145、147、150、153フレームでDメジャーペンタトニックスケールに沿って上昇、金属のティン音が200フレーム（分音は8 kHz未満）、キラキラしたグリマー音が左から右へパンしながら245フレームまで持続、液体のクレッシェンド音が288フレームから始まって303フレームでピーク、水滴音が309フレーム、融合の破裂音が319、321、322、325フレーム、337フレームで吸引されて粘性のある水滴音となり2.4 Hzで揺動。
48 kHz ステレオ WAV、約 -14 LUFS、ピーク -1 dBTP、ループの継ぎ目でポップノイズやクリック音が発生しないこと。MP4へミックスして統合。
# サウンド追加指示（5件）、そのまま送信
1. 単独ヒットポイントの測定結果：バスドラムと粘性水滴音のピークが8〜11ミリ秒遅れており（4倍ウェーブシェイパーおよび位相0開始のサイン波による影響）、伴奏に対する音量レベルも不均一（ting +10 dB、gloop +1 dB、drips -8 dB、dot drop +1 dB）。音程のある各ヒットポイントを1つのオーディオバッファとして構築し、そのアタックがちょうど (F + 1) x 800 サンプル位置のコサイン波ピークで終了するようにし、ウェーブシェイパーは使用しないこと。各ヒットポイント（または同フレームのペアヒットポイント）が伴奏より3〜6 dB高くなるように調整（K特性重み付け、最初の60ミリ秒）。ミックスを150 Hzのハイパスフィルターに通すと4.5 dB損失する：サブベースを4 dBカット、各バスドラムを1.5 dBカット、粘性水滴音の下にあるバスドラムを4 dBカットし、パッドを1.5 dBブースト。
2. タイミングは正確になった。各ヒットポイントは減衰後の伴奏より6.5〜9 dB高い：ヒットポイントのバスを2.5 dBカットし、続いて2組のピンチペアを1.4 dBカット、UとSの位置のピンチを1 dBカット、クレッシェンドを1.2 dBカット、最後の注ぎ込み気泡音を0.5 dBカット、水滴音を2.5 dBブースト、粘性水滴音を3 dBブーストして、各ヒットポイントが伴奏より3〜6 dB高くなるようにする。
3. リミッターによって粘性水滴音が3.4 dB圧縮されている。すべての倍音がバスドラムと同一サンプルでピークに達しているためである。粘性水滴音の偶数次倍音をサイン位相に設定し、その下にあるバスドラムを2.7 dB下げることで、リミッターによるリダクションを1.5 dB以内に抑えつつ、粘性水滴音の伴奏に対する+3〜6 dBを維持する。
4. サイン位相の倍音により、粘性水滴音の最大波形ピークが対応フレームの4ミリ秒後へシフトした。粘性水滴音のすべての倍音をコサイン位相に維持し、ピークが第270400サンプルに落ちるようにする。2次倍音を0.2、3次倍音を0.08に設定し、4次倍音を削除して、粘性水滴音を0.5 dB下げる。
5. MP4オーディオはコーデックのパディングにより動画より16ミリ秒長くなっており、ファイルが不自然な段差で始まり、ループプレイヤーが6.000秒の時点で唐突に音をカットし、16ミリ秒の無音を挟んで唐突に再開してしまう。このシームレスループは2ループツイート用のマスターWAVとして保持する。記事内のシングルループMP4については、冒頭と末尾の96サンプルにのみ2ミリ秒のレイズドコサインフェードイン・フェードアウトを追加する。

Build a 3D animation-principles loop. One HTML file, three.js 0.160.0 via jsDelivr importmap, Geist Mono from Google Fonts. 1080x1080, 8 s at 60 fps (480 frames), frame 480 equals frame 0. window.renderAt(t) draws any frame from t alone; seeded random only.

Set: a miniature studio. A floating white 12x6 slab on an F4F2EE backdrop. Its top is a timeline: 3 tracks of 0.25 frame cells (EFEEEA), a ruler with frame numbers, 5 keyframe diamonds 2 units apart on the middle track (white fill, 0F0F0F outline). Around it on stands: a key softbox, a rim strip light, a top spot on a boom.
Hero: the pixel Claude mascot as 0.1 voxels: D97757 body 14x10x8, two 3x2 arms, four 2x3 legs, 0F0F0F 2x3 eyes; roughness 0.45, clearcoat 0.3.

Lights, 0 to 1 s: key 3200 K with soft shadows at 0.1 s, rim 7500 K at 0.4 s, top spot 5000 K at 0.7 s. Each clicks on with a 3-frame flicker, and the mascot's eyes glance at it.
Hops, 1 to 5 s: 4 hops to diamonds 2 to 5, landing on frames 105, 165, 225 and 285. Each hop: 11-frame crouch (1.2x0.75), stretch 0.85x1.28 at takeoff, 25 frames of air, squash 1.25x0.7 on landing, spring back at damping 0.55; arms lag 4 frames, legs 6. Each landing lights its diamond FF6A2B, ripples the cells 0.08 high and throws 12 voxel sparks. An FF6A2B playhead carrying a point light moves at constant speed and crosses each diamond on its landing frame.
Flip, 5 to 6.4 s: a dotted arc from diamond 5 back to diamond 1 draws in, then an 18-frame deep crouch and a 360° flip along the arc, 3.5 high, landing on frame 384 while the playhead rewinds under it.
Labels, top left, Geist Mono 28 px: a checklist 01 ANTICIPATION, 02 SQUASH & STRETCH (& in D97757), 03 OVERLAPPING ACTION, 04 FOLLOW-THROUGH, 05 ARCS, in 8E8A83. Each row turns 0F0F0F and fills its FF6A2B diamond on its exact frame: 69 (first crouch), 140 (stretch), 200 (limbs trail), 285 (arms settle), 303 (arc draws).
End: hold, blink at 7.2 s; on frame 468 the lights, diamonds and labels snap off.
Camera: FOV 18, 30° elevation, ±10° orbit over 8 s, 25% push-in tracking the hops, 4% punch-in on the flip landing.
Post: bloom on emissives, depth of field focused on the mascot, 2% grain, 10% vignette, dithered backdrop.

1. レンダリング画面が全体的にグレーがかっており窮屈。カラー調整を行い、受光正面がD97757、発光菱形がFF6A2Bになるようにする。補助光を下げて消灯状態が50%付近になるようにし、カチッと点灯する瞬間がはっきりと識別できるようにする。キーライトを右前方28度に下げ、クールトーンのリムライトを左後方に配置して見えている側の輪郭を際立たせる。全体を44単位まで引き、浮遊ボード全体と3基すべてのライトスタンドが画面に収まるようにし、ボードの下にソフトシャドウを追加、スパークの大きさを0.075〜0.12に変更し、スケールの数字を大きくする。
2. 単一フレームのチェックと修正。すべての小道具がラベル文字エリアと重ならないようにする：45%の追従ジャンプに変更し、トップスポットライトをブームアームで右奥のコーナー（高さ5.8）に吊り下げ、宙返り軌道の上方に配置。点灯した各菱形の表面に柔らかな微光を放たせ、再生ヘッドのインジケーターライトをトラックの前端へ移動させて配線が菱形の下を通るようにする。点線の弧はマスコットの頭上から描き始め、三脚の各脚が確実にボード上に載るようにし、腕にはより大きくゆっくりとした安定バッファ（2.2 Hz、減衰 0.22）を与えて、フォロースルーのアクションがはっきりと視認できるようにする。
3. リムライトストリップの発光面をカメラ側に向け、点灯した瞬間が明確に識別できるようにする。
4. トップスポットライトの点灯の瞬間もはっきりと識別できるようにする：光斑を34度・光度45 cdに絞り込み、照明器具に発光するレンズ外枠を追加する。

# サウンドプロンプト
この8秒ループ（480フレーム、60 fps）の劇伴を作曲してください。Web Audio APIを用いてコード内ですべてのサウンドを合成し、サンプリング音源の使用や外部ダウンロードは行わないこと。120 BPM、4小節、Fメジャー。各ヒットポイントは対応する視覚イベントの1フレーム後に合わせる。
伴奏：パッドパート A3 E4（キーライト）、C5（トップライト）、G5（リムライト）、各パートは対応するライトの点滅に追従。8分音符のシェイカーは45フレームから、バスドラムとベースは60フレームから開始、各小節のルート音は順にF、D、Bb、F。バスドラムとシェイカーは330〜420フレームで休止、ベースはC音を持続し、その後に384フレームでF音。
スイッチのカチッという音：点灯 6、24、42フレーム、消灯 468フレーム。
しゃがみ込み 69、129、189、249、312フレーム：きしみ音、吸気のピッチ上昇音。
離陸 80、140、200、260、330フレーム：上向きの風切り音（ヒュー音）。
着地 105、165、225、285、384フレーム：つぶし比率に応じてピッチが変化するゴムのスクイーズ音、スパークのティン音、384フレームで最大。
ラベル通知音 A5 C6 D6 F6 A6：69、140、200、285、303フレーム。
点線のチクタク音 303〜318フレーム、宙返りの風切り音 330〜384フレーム、まばたきのビープ音 432フレーム。
48 kHz ステレオ WAV、約 -14 LUFS、ピーク -1 dBTP、シームレスループ、MP4へミックスして統合。