frost-sequence-camera-orbit

フロストシーケンスのカメラオービット

ロゴ、1つ目のテキスト、2つ目のテキスト、分解、フェードを含む、22.5秒の完全な氷のシーケンスです。固定されたオブジェクトの周りをカメラがオービットし、読みやすいよう正面を向くパスでは速度を落とします。同じパーティクルフィールドが各トランジションをつなぎます。2つのテキスト表示とSVGロゴをカスタマイズできます。ソースには編集可能なカメラと組み立てのタイミングが含まれています。

コンポジション ID：frost-sequence-rig。長さは22.5秒、30 fps、1920×1080です。

ファイル

• frost-sequence-camera-orbit.html（131 KB）
• assets/example-logo.svg（1 KB）
• assets/fonts/Geist-Bold.ttf（65 KB）
• assets/fonts/Geist-OFL.txt（4 KB）
• assets/fonts/Geist-Regular.ttf（65 KB）
• assets/fonts/Geist-SemiBold.ttf（65 KB）
• assets/frost.js（1.5 MB）
• assets/Three-LICENSE.txt（1 KB）
• assets/ThreeMeshBVH-LICENSE.txt（1 KB）
• assets/OpentypeJS-LICENSE.txt（1 KB）
• assets/Clipper-LICENSE.txt（3 KB）
• assets/gsap-3.14.2.min.js（128 KB）
• assets/GSAP-NOTICE.txt（1 KB）
• assets/logo.svg（1 KB）
• assets/shards-atlas.png（インストール時にCDNから取得）
• assets/test-mark.svg（1 KB）
• assets/textures/bluenoise64.png（12 KB）
• assets/textures/ice-inclusions-generated.png（インストール時にCDNから取得）

インストール

npx hyperframes add frost-sequence-camera-orbit でインストールします。デフォルトでは、上記のファイルは compositions/frost-sequence-camera-orbit/ に配置されます。次に、ホストの index.html からブロックをマウントします。

<div
  data-composition-id="frost-sequence-rig"
  data-composition-src="compositions/frost-sequence-camera-orbit/frost-sequence-camera-orbit.html"
  data-start="0"
  data-duration="22.5"
  data-track-index="1"
  data-width="1920"
  data-height="1080"
></div>

コンポジションファイルを直接指定すると、カスタム値でレンダリングできます。

npx --yes [email protected] render 'compositions/frost-sequence-camera-orbit/frost-sequence-camera-orbit.html' --variables '{"headline1":"Hard to|break.","headline2":"Easy to|remember."}'

変数

実行時に window.__hyperframes.getVariables() で読み取ります。コンポジションルートの data-composition-variables として宣言します（シングルクォートで囲まれた属性、プレーンなJSON）。 | id | type | default | label / range | | --------------------------- | ------- | ------------------- | --------------------------------------------------------------------------------------------- | ------------- | -------------------------- | ------- | ------- | | headline1 | string | "Hard to | break." | 1つ目のテキスト（ | = 改行）最大60文字 | | headline2 | string | "Easy to | remember." | 2つ目のテキスト（ | = 改行）最大60文字 | | logoUrl | string | "assets/logo.svg" | ロゴ SVG アセットのパス（Assets にアップロードしてから、パスを貼り付け）最大200文字 | | assemblyMode | enum | "hybrid" | 組み立て時の応答（物理 | 指向 | ハイブリッド） | | materialBaseColor | color | "#ffffff" | ベースカラー | | baseRoughness | number | 0.31 | ベースの粗さ 0～0.5、刻み幅0.005 | | materialTransmission | boolean | true | 透過 | | materialBacklight | number | 0.27 | 氷を通したバックライト 0～2、刻み幅0.01 | | ior | number | 1.675 | 屈折率 1～2、刻み幅0.005 | | thicknessScale | number | 2.04 | 厚さのスケール 0.1～3、刻み幅0.01 | | materialAbsorption | boolean | true | 吸収／色味 | | attenuationColor | color | "#d5f4ff" | 減衰カラー（白 = 吸収なし、透明なガラス） | | attenuationDistance | number | 6.54 | 減衰距離 0.05～12、刻み幅0.01 | | materialDispersion | boolean | false | 分散 | | dispersion | number | 0.12 | 分散（0 = オフ。オン／オフの切り替えで再読み込み）0～0.3、刻み幅0.005 | | materialReflections | boolean | true | 反射 | | envIntensity | number | 2.04 | 環境光の強度 0～3、刻み幅0.01 | | specularIntensity | number | 1.44 | 鏡面反射の強度 0～2、刻み幅0.01 | | materialFrost | boolean | true | 霜 | | materialInteriorFrost | number | 0 | 均一な霜 0～1、刻み幅0.01 | | frostScale | number | 0.7 | スケール 0.2～6、刻み幅0.05 | | frostThreshold | number | 0.62 | しきい値（1 = 霜なし、透明なガラス）0～1、刻み幅0.01 | | frostSoftness | number | 0.24 | 柔らかさ 0.01～1、刻み幅0.01 | | frostRoughness | number | 0.73 | 粗さ 0～1、刻み幅0.01 | | frostDiffuse | number | 0.11 | 拡散（霜の領域が捉える光の量）0～1、刻み幅0.01 | | materialSurfaceBumps | boolean | false | オブジェクト表面の凹凸／亀裂の切り込み | | materialCrystals | boolean | true | 結晶の凹凸 | | crystalBump | number | 0.01 | 結晶の凹凸 0～1、刻み幅0.01 | | crystalScale | number | 4 | 結晶のスケール 4～80、刻み幅1 | | materialGrain | boolean | true | 粒子の凹凸 | | materialGrainAmount | number | 0.47 | 粒子の強さ 0～2、刻み幅0.01 | | materialGrainScale | number | 150 | 粒子のスケール 1～150、刻み幅1 | | materialCutNormals | boolean | true | 破断面の法線 | | materialMicro | boolean | true | 微細な凹凸 | | microBump | number | 0.445 | 微細な凹凸 0～1、刻み幅0.005 | | microScale | number | 10 | 微細なスケール 10～200、刻み幅1 | | microCoverage | number | 0.25 | 微細な凹凸の範囲 0～1、刻み幅0.01 | | bumpMaskScale | number | 1.45 | 凹凸マスクのスケール 0.1～6、刻み幅0.05 | | materialRipples | boolean | true | 波紋 | | rippleBump | number | 0.22 | 波紋の凹凸 0～1、刻み幅0.01 | | rippleScale | number | 23 | 波紋のスケール 2～30、刻み幅0.5 | | materialSmudges | boolean | true | 汚れ | | smudgeAmount | number | 0.78 | 量 0～1、刻み幅0.01 | | smudgeCoverage | number | 0.58 | 範囲 0～1、刻み幅0.01 | | smudgeMaskScale | number | 1.85 | マスクのスケール 0.1～6、刻み幅0.05 | | smudgeAnisotropy | number | 16.5 | 異方性 1～20、刻み幅0.5 | | smudgeRoughness | number | 0.75 | 粗さ 0～1、刻み幅0.01 | | smudgeWhiteness | number | 0.035 | 白さ 0～0.5、刻み幅0.005 | | smudgeScale | number | 1.3 | スケール 0.5～10、刻み幅0.1 | | materialCracks | boolean | true | 亀裂 | | crackLargeScale | number | 2.45 | 大きなスケール 0.3～8、刻み幅0.05 | | crackWarp | number | 0.22 | ゆがみ 0～1.5、刻み幅0.01 | | crackCoverage | number | 0.19 | 範囲 0～1、刻み幅0.01 | | crackRegionScale | number | 1.8 | 領域のスケール 0.1～4、刻み幅0.05 | | crackRegionCoverage | number | 0.6 | 領域の範囲 0～1、刻み幅0.01 | | veinScale | number | 8 | 筋のスケール 1～20、刻み幅0.25 | | veinContrast | number | 0.55 | 筋のコントラスト 0～1、刻み幅0.01 | | crackWidth | number | 0.0025 | 幅 0.0005～0.02、刻み幅0.0005 | | crackBrightness | number | 0.65 | 明るさ 0～3、刻み幅0.01 | | crackDarkness | number | 0.69 | 暗さ 0～1、刻み幅0.01 | | crackRefraction | number | 0.076 | 屈折 0～0.1、刻み幅0.001 | | crackSurfaceStrength | number | 0.16 | 表面の強さ 0～1、刻み幅0.01 | | fineScale | number | 18.4 | 細部のスケール 2～20、刻み幅0.1 | | fineAmount | number | 0.52 | 細部の量 0～1、刻み幅0.01 | | fineCoverage | number | 1 | 細部の範囲 0～1、刻み幅0.01 | | materialScatter | boolean | true | 内部散乱 | | materialInclusionScale | number | 0.05 | 包有物のスケール 0.05～3、刻み幅0.01 | | materialInclusionAmount | number | 2 | 写真風の包有物 0～2、刻み幅0.01 | | interiorScatter | number | 0.09 | 内部散乱 0～1、刻み幅0.01 | | materialClearcoat | boolean | true | クリアコート | | clearcoat | number | 0 | クリアコート 0～1、刻み幅0.01 | | clearcoatRoughness | number | 0 | クリアコートの粗さ 0～1、刻み幅0.005 | | materialShardNormals | boolean | true | 破片の法線 | | spriteNormal | number | 0.15 | スプライトの法線の強さ 0～2.5、刻み幅0.05 | | materialShardFrost | boolean | true | 破片の霜 | | materialShardTransmission | boolean | true | 破片の透過 | | spriteSeeThrough | number | 1 | 透過（0 = オフ。オン／オフの切り替えで再読み込み）0～1、刻み幅0.01 | | materialShardReflections | boolean | true | 破片の反射 | | minPixelSize | number | 0.25 | 最小ピクセルサイズ 0～4、刻み幅0.05 | | grainSizeMultiplier | number | 1.05 | 粒子サイズの倍率 0.2～4、刻み幅0.05 | | spriteSize | number | 1.9 | スプライトのサイズ 0.3～4、刻み幅0.05 | | spriteTilt | number | 12 | スプライトの傾き 0～70、刻み幅1 | | spriteAlphaCut | number | 0.6 | アルファカット 0.05～0.6、刻み幅0.01 | | fontWeight | enum | "600" | 書体 · ウェイト（Geist）（400 | 600 | 700） | | letterSpacing | number | 0.01 | 書体 · 文字間隔 -0.1～0.4、刻み幅0.005 | | shardAmount | number | 0.44 | 破片 · 破断した体積に対する可視部分の割合（粉末量）0.02～1、刻み幅0.01 | | strayDust | number | 24 | 破片 · オブジェクトの周囲に漂う塵（実験では40）0～200、刻み幅1 | | sliceRadius | number | 0.6 | 破壊 · 1回目（斜め）のスライス半径 0.05～1.5、刻み幅0.01 | | sliceStrength | number | 21.5 | 破壊 · 1回目のスライスの強さ 1～40、刻み幅0.5 | | finalEjectBoost | number | 2.5 | 破壊 · 最後の破壊：射出速度と速度上限の倍率 1～6、刻み幅0.1 | | shatterRadius | number | 0.45 | 破壊 · 追加スライスの半径（間隔も設定）0.1～1.5、刻み幅0.01 | | shatterStrength | number | 32.5 | 破壊 · 追加スライスの強さ 1～40、刻み幅0.5 | | cutThreshold | number | 0.3 | 破壊の調整 · カットのしきい値（この侵食度を超えると表面が消失）0.3～0.98、刻み幅0.01 | | cutSoftness | number | 0.19 | 破壊の調整 · カットの柔らかさ 0.005～0.3、刻み幅0.005 | | edgeWidth | number | 0.19 | 破壊の調整 · もろい縁の帯幅 0.05～0.8、刻み幅0.01 | | edgeInset | number | 0 | 破壊の調整 · 縁の内側への食い込み 0～0.3、刻み幅0.005 | | brushSoftness | number | 0.15 | 破壊の調整 · ブラシの柔らかさ（スライスの縁の減衰）0.02～1、刻み幅0.01 | | brushNoise | number | 0.4 | 破壊の調整 · ブラシノイズ（ギザギザした境界）0～1、刻み幅0.01 | | crumbleRate | number | 4.3 | 破壊の調整 · 亀裂に沿った崩壊率（高いほど、形状全体が一度に崩れます）0～6、刻み幅0.05 | | crumbleCrackBias | number | 5.1 | 破壊の調整 · 崩壊時の亀裂バイアス 0～6、刻み幅0.05 | | crumbleDuration | number | 0.35 | 破壊の調整 · ストローク後の崩壊時間 0～2、刻み幅0.01 | | ejectSpeed | number | 0.91 | 飛行 · 射出速度 0～4、刻み幅0.01 | | ejectSpread | number | 0.48 | 飛行 · 法線方向への射出の広がり 0～3、刻み幅0.01 | | ejectTurbulence | number | 4 | 飛行 · 射出時の乱流 0～4、刻み幅0.01 | | drag | number | 0 | 飛行 · 抵抗（1秒あたりこの値分だけ速度が減衰します）0～8、刻み幅0.01 | | gravity | number | 0 | 飛行 · 重力（0 = 破片は落下しません）0～2、刻み幅0.005 | | turbulence | number | 4 | 飛行 · 乱流の強さ（カールノイズ）0～4、刻み幅0.01 | | turbulenceScale | number | 2.65 | 飛行 · 乱流のスケール 0.2～8、刻み幅0.05 | | turbulenceDecay | number | 3.65 | 飛行 · 経過時間に伴う乱流の減衰（低いほど渦巻き続けます）0.05～4、刻み幅0.01 | | clumpCohesion | number | 0.9 | 飛行 · 集塊のまとまり（破片が先導する破片の周りを回ります。0 = なし）0～10、刻み幅0.05 | | followObject | number | 30 | 飛行 · 破片がオブジェクトの動きに追従する時間（秒。30 = 飛行中ずっと）0～30、刻み幅0.5 | | settleTime | number | 2.2 | 飛行 · 静止時間（この時間の経過後に速度がゼロになります。12 = 静止しません）0.3～12、刻み幅0.05 | | settledDrift | number | 1 | 飛行 · 静止後の自然なドリフト（カールノイズ）0～1、刻み幅0.005 | | maxSpeed | number | 26.3 | 飛行 · 速度上限 1～40、刻み幅0.1 | | repelStrength | number | 30 | 飛行 · 破壊時に固体形状の外へ押し出す力 0～30、刻み幅0.1 | | repelRange | number | 0.97 | 飛行 · 表面の外へ押し出す範囲 0.02～2、刻み幅0.01 | | repelRadial | number | 17.5 | 飛行 · 形状の中心から押し離す力（くぼみや穴を空けます）0～60、刻み幅0.5 | | repelRadialRange | number | 3.3 | 飛行 · 放射状に押し出す範囲（オブジェクト半径）1～4、刻み幅0.05 | | tumble | number | 1.05 | 飛行 · 回転速度 0～12、刻み幅0.05 | | returnGroupStagger | number | 1.35 | 組み立て · 領域ごとの遅延（秒）0～1.5、刻み幅0.05 | | returnGroupScale | number | 2.55 | 組み立て · 領域／ノイズのサイズ 0.1～3、刻み幅0.05 | | returnGroupSeed | number | 60765 | 戻る · グループのタイミングシード 0～65535、刻み幅1 | | formSpread | number | 0 | 戻る · 波の広がり（最も近い破片が先に離れる、秒）0～4、刻み幅0.05 | | waveReach | number | 10 | 戻る · 波が広がる距離 0.2～10、刻み幅0.1 | | formJitter | number | 2.8 | 戻る · 破片ごとの時間差（最大でこの値までランダムに遅延）0～3、刻み幅0.05 | | formFill | number | 3 | 戻る · 破片が戻らないボクセルを埋める速度 0.05～3、刻み幅0.05 | | returnSpring | number | 29.9 | 戻る · バネの剛性 0.5～40、刻み幅0.1 | | returnDamping | number | 1.34 | 戻る · バネの減衰 0.2～2、刻み幅0.01 | | returnRamp | number | 0.45 | 戻る · バネの立ち上がり（最大の力で引き寄せるまでの秒数）0～3、刻み幅0.05 | | returnMaxSpeed | number | 60 | 戻る · 元の場所へ戻る際の速度上限 1～60、刻み幅0.5 | | alignToSurface | number | 1 | 戻る · 破片を表面に沿うように回転（0 = 回転し続けます）0～1、刻み幅0.01 | | alignCurve | number | 3.75 | 戻る · 帰還中の飛行に対する整列カーブ（1は線形。値が高いほど後半に整列）0.2～4、刻み幅0.05 | | healRate | number | 3 | 戻る · 隣接部分の修復速度 0.02～3、刻み幅0.01 | | cellRestore | number | 60 | 戻る · セルの復元速度 0～60、刻み幅0.5 | | landedFade | number | 1.65 | 戻る · 着地した破片のフェード 0～2、刻み幅0.01 | | refrostTime | number | 10.6 | 戻る · 再び霜が付くまでの時間 0.2～12、刻み幅0.1 | | keyColor | color | "#f0f7ff" | ライト · キーカラー | | keyIntensity | number | 5.05 | ライト · キーライトの強度 0～12、刻み幅0.05 | | keyElevation | number | 42 | ライト · キーライトの仰角 10～89、刻み幅0.5 | | keyAzimuth | number | -38 | ライト · キーライトの方位角 -90～90、刻み幅0.5 | | keySize | number | 1.25 | ライト · キーライトのサイズ（ソフトボックス）0.2～3、刻み幅0.01 | | fill | number | 0.18 | ライト · フィルライトの強度（半球光、拡散光のみ。透明な氷ではほとんど見えません）0～1.5、刻み幅0.005 | | fillColor | color | "#cadde9" | ライト · フィルライトの空の色 | | fillGroundColor | color | "#172635" | ライト · フィルライトの地面の色 | | rim | number | 2.5 | ライト · リムスポットの強度 0～5、刻み幅0.01 | | rimColor | color | "#d9f1ff" | ライト · リムの色 | | rimElevation | number | 20 | ライト · リムの仰角（0 = 真後ろ）0～89、刻み幅0.5 | | swayAmplitude | number | 0 | ライト · キーライトの揺れ幅 0～0.15、刻み幅0.001 | | swayPeriod | number | 35 | ライト · キーライトの揺れ周期 2～40、刻み幅0.5 | | envSoftbox | number | 1.1 | ライト · 環境光のソフトボックス（ガラスを照らす主光源）0～3、刻み幅0.01 | | envRim | number | 1.4 | ライト · 環境光のリムストリップ 0～3、刻み幅0.01 | | envFill | number | 0.22 | ライト · 環境光の正面フィルライト 0～1、刻み幅0.005 | | backdropTop | color | "#050505" | 背景 · 上部の色 | | backdropMid | color | "#050505" | 背景 · 中央部の色 | | backdropBottom | color | "#050505" | 背景 · 下部の色 | | backdropCenterX | number | 0.73 | 背景 · ブルームの中心X 0～1、刻み幅0.005 | | backdropCenterY | number | 0.22 | 背景 · ブルームの中心Y 0～2、刻み幅0.005 | | backdropRadius | number | 0.8 | 背景 · ブルームの半径 0.1～2、刻み幅0.005 | | backdropFalloff | number | 0.85 | 背景 · ブルームの減衰 0.5～6、刻み幅0.01 | | backdropNoise | number | 0 | 背景 · ディザノイズ 0～3、刻み幅0.05 | | bloomThreshold | number | 3 | ポスト処理 · ブルームのしきい値 0～3、刻み幅0.01 | | bloomIntensity | number | 0.04 | ポスト処理 · ブルームの強度 0～1.5、刻み幅0.005 | | bloomRadius | number | 1 | ポスト処理 · ブルームの半径 0～1、刻み幅0.005 | | monochrome | number | 0.04 | ポスト処理 · モノクロ 0～1、刻み幅0.01 | | tonemap | enum | "aces" | ポスト処理 · トーンマッピング（agx | aces | neutral | linear） | | exposure | number | 1 | ポスト処理 · 露出 0.1～4、刻み幅0.01 | | contrast | number | 1.03 | ポスト処理 · コントラスト 0.6～1.6、刻み幅0.005 | | blackLift | number | 0 | ポスト処理 · 黒レベルの持ち上げ 0～0.1、刻み幅0.001 | | vignetteStrength | number | 0.14 | ポスト処理 · ビネットの強さ 0～1、刻み幅0.005 | | vignetteSoftness | number | 1.2 | ポスト処理 · ビネットの柔らかさ 0.1～1.5、刻み幅0.005 | | vignetteRadius | number | 1.2 | ポスト処理 · ビネットの半径 0.2～1.6、刻み幅0.005 | | grainStrength | number | 0 | ポスト処理 · フィルムグレイン 0～0.15、刻み幅0.001 | | quality | enum | "full" | パフォーマンス · 品質プロファイル（full | lite） | | upscaler | enum | "fsr1" | パフォーマンス · アップスケーラー（fsr1 | taau | bilinear | native） | | renderScale | number | 1 | パフォーマンス · シーンの解像度スケール（1080pにアップスケール）0.35～1、刻み幅0.05 | | shapeResolution | enum | "256" | 形状のボクセル解像度（128 | 256 | 384） | | erosionResolution | enum | "96" | パフォーマンス · 侵食フィールドの解像度（軸あたりのボクセル数）（64 | 96 | 128 | 192） | | particleCount | enum | "100k" | パフォーマンス · 粉末パーティクル（100k | 250k | 500k | 1M） | | logoMeshDetail | number | 2 | 形状 · ロゴメッシュの詳細度（1～4。値が高いほど表面が細かくなります）1～4、刻み幅1 | | deformStrength | number | 0 | ジオメトリ · 氷の変形の強さ（0 = 元の形状）0～0.08、刻み幅0.001 | | deformScale | number | 0.41 | ジオメトリ · ノイズの特徴サイズ（値が大きいほど広範囲になります）0.001～0.5、刻み幅0.001 | | deformSeed | number | 7 | ジオメトリ · 変形シード 0～65535、刻み幅1 | | rimAzimuth | number | -146 | ライト · リムの方位角 -180～180、刻み幅1 | | rimAngle | number | 26 | ライト · リムのビーム角 10～89、刻み幅1 | | rimSize | number | 0.45 | ライト · リム反射のサイズ 0.1～3、刻み幅0.05 | | fillReflectionStrength | number | 0.3 | ライト · フィルライト反射の強さ 0～2、刻み幅0.01 | | accentCoolIntensity | number | 3.71 | スタジオのクールアクセント · 強度 0～4、刻み幅0.01 | | accentCoolReflection | number | 2.31 | スタジオのクールアクセント · 反射 0～3、刻み幅0.01 | | accentCoolElevation | number | 63 | スタジオのクールアクセント · 仰角 -85～85、刻み幅1 | | accentCoolAzimuth | number | 22 | スタジオのクールアクセント · 方位角 -180～180、刻み幅1 | | accentCoolSize | number | 2.65 | スタジオのクールアクセント · サイズ 0.1～3、刻み幅0.05 | | accentCoolColor | color | "#ff5900" | スタジオのクールアクセント · 色 | | accentWarmIntensity | number | 2.99 | スタジオのウォームアクセント · 強度 0～4、刻み幅0.01 | | accentWarmReflection | number | 0.34 | スタジオのウォームアクセント · 反射 0～3、刻み幅0.01 | | accentWarmElevation | number | 30 | スタジオのウォームアクセント · 仰角 -85～85、刻み幅1 | | accentWarmAzimuth | number | -30 | スタジオのウォームアクセント · 方位角 -180～180、刻み幅1 | | accentWarmSize | number | 1.2 | スタジオのウォームアクセント · サイズ 0.1～3、刻み幅0.05 | | accentWarmColor | color | "#75aaff" | スタジオのウォームアクセント · 色 | | returnNoiseAmount | enum | "2" | 組み立て · 領域パターン（2 | 1 | 0） | | assemblyFrontDuration | number | 3.2 | 組み立て · 成長時間（秒）0～6、刻み幅0.05 | | assemblyOriginX | number | -0.65 | 組み立て · 成長開始位置X -1～1、刻み幅0.01 | | assemblyOriginY | number | 0.55 | 組み立て · 成長開始位置Y -1～1、刻み幅0.01 | | assemblyAngle | number | -35 | 組み立て · 継ぎ目の方向（度）-180～180、刻み幅1 | | assemblySpread | number | 0.65 | 組み立て · 継ぎ目に沿った移動に対する外向きの広がり 0～1、刻み幅0.01 | | assemblyFrontNoise | number | 0.35 | 組み立て · 成長する縁の不規則さ 0～1、刻み幅0.01 | | assemblySpeedVariation | number | 0.65 | 組み立て · 戻る速度の変動 0～1、刻み幅0.01 | | assemblyBend | number | 1.2 | 組み立て · 接近経路の曲がり 0～3、刻み幅0.05 | | assemblySwirl | number | 1.1 | 組み立て · 接近時のねじれ 0～3、刻み幅0.05 | | assemblyLandingVariation | number | 0.8 | 組み立て · 着地時の遷移の変動 0～1、刻み幅0.01 | | rendererProfile | enum | "studio" | レンダラーの実験的プロファイル（再読み込みが必要）（original | lookup | mesh | studio | matcap） | | textWidth | number | 6.5 | 書体 · 見出しブロックの幅（マークの幅は2.6）1.2～9、刻み幅0.05 | | textLineHeight | number | 0.95 | 書体 · 行の高さ 0.7～1.4、刻み幅0.01 | | textDepth | number | 0.16 | 書体 · 押し出しの深さ（フォントサイズに対する割合）0.05～0.8、刻み幅0.01 | | textBevel | number | 0.04 | 書体 · ベベル（フォントサイズに対する割合）0～0.12、刻み幅0.005 | | textCorner | number | 0.008 | 書体 · 角の丸み（フォントサイズに対する割合）0～0.06、刻み幅0.002 | | textMeshDetail | number | 4 | 書体 · テキストメッシュの詳細度（1～4。値が高いほど変形が滑らかになります）1～4、刻み幅1 |

ランタイムの契約

• window.__timelines["frost-sequence-rig"] に登録された、一時停止中の GSAP タイムラインが 1 つあります。
• hf-seek CustomEvent を受けて再同期します。各フレームは時間の閉形式関数です（シード付き PRNG のみを使用し、rAF ループや Date.now は使用しません）。
• レンダラー：WebGPU、GSAP、Matcap。
• 外部ランタイム依存関係：ありません（ローカルで配信）。

編集ルール（ソースプロジェクトより）

1. data-composition-variables は、プレーンな " の JSON を含む単一引用符の属性のままにしてください。Studio の Design パネル経由で保存しないでください。
2. 静的マークアップに <canvas> を含めないでください。実行時に作成してください。
3. すべてのビジュアル状態を t の関数にしてください。シーク安全性が、このブロックをレンダリング可能にする要件です。