frost-sequence-camera-orbit

Frost Sequence Camera Orbit

完整的 22.5 秒冰霜序列：标志、第一段文字、第二段文字、碎裂和淡出。摄像机围绕固定物体运转，并在正面放慢移动速度，便于阅读。每次转场都使用同一片粒子场。可自定义两个文字片段和 SVG 标志；源文件包含可编辑的摄像机和组装时间设置。

组合 ID：frost-sequence-rig。时长 22.5 s，帧率 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." | 第一段文本（ | = 换行）最多 60 个字符 | | headline2 | string | "Easy to | remember." | 第二段文本（ | = 换行）最多 60 个字符 | | logoUrl | string | "assets/logo.svg" | Logo SVG 资源路径（在 Assets 中上传，然后粘贴路径）最多 200 个字符 | | assemblyMode | enum | "hybrid" | 组装响应（physical | directed | 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 | 精灵 Alpha 截断 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 | 破碎 · 第一刀（斜向）的半径 0.05–1.5，步长 0.01 | | sliceStrength | number | 21.5 | 破碎 · 第一刀的强度 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 | 飞行 · 阻力（速度每秒衰减此数值）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 | 形状 · Logo 网格细节（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 | Studio Cool 强调光 · 强度 0–4，步长 0.01 | | accentCoolReflection | number | 2.31 | Studio Cool 强调光 · 反射 0–3，步长 0.01 | | accentCoolElevation | number | 63 | Studio Cool 强调光 · 仰角 -85–85，步长 1 | | accentCoolAzimuth | number | 22 | Studio Cool 强调光 · 方位角 -180–180，步长 1 | | accentCoolSize | number | 2.65 | Studio Cool 强调光 · 尺寸 0.1–3，步长 0.05 | | accentCoolColor | color | "#ff5900" | Studio Cool 强调光 · 颜色 | | accentWarmIntensity | number | 2.99 | Studio Warm 强调光 · 强度 0–4，步长 0.01 | | accentWarmReflection | number | 0.34 | Studio Warm 强调光 · 反射 0–3，步长 0.01 | | accentWarmElevation | number | 30 | Studio Warm 强调光 · 仰角 -85–85，步长 1 | | accentWarmAzimuth | number | -30 | Studio Warm 强调光 · 方位角 -180–180，步长 1 | | accentWarmSize | number | 1.2 | Studio Warm 强调光 · 尺寸 0.1–3，步长 0.05 | | accentWarmColor | color | "#75aaff" | Studio Warm 强调光 · 颜色 | | 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 |

运行时契约

• 一个已暂停的 GSAP 时间轴，注册在 window.__timelines["frost-sequence-rig"]。
• 在 hf-seek CustomEvent 上重新同步；每一帧都是时间的闭式函数（仅使用带种子的 PRNG，不使用 rAF 循环或 Date.now）。
• 渲染器：WebGPU、GSAP、Matcap。
• 无外部运行时依赖（在本地提供）。

编辑规则（来自源项目）

1. 将 data-composition-variables 保持为单引号属性，内部使用普通的 " JSON。切勿通过 Studio 的 Design 面板保存。
2. 不要在静态标记中放置 <canvas>；应在运行时创建。
3. 让每个视觉状态都成为 t 的函数；正是可安全跳转时间的特性，使该区块可渲染。