Frost Sequence Camera Orbit
An orbiting camera follows an ice logo as it breaks apart, reforms into two text moments, and fades. HyperFrames block, 1920×1080, 22.5s, 216 variables.
Specification
- Skill ID
- heygen-com/hyperframes/frost-sequence-camera-orbit
- Publisher
- heygen-com
- Repository
- hyperframes
- Installs
- 339
- Files
- 83
- Synced
- Sep 24, 2026
How to use it
Open any RiverX project, open the Skills panel in the chat, and search for this identifier. The files are fetched from the source repository at install time.
heygen-com/hyperframes/frost-sequence-camera-orbitInstalls these files- SKILL.md
- assets/Clipper-LICENSE.txt
- assets/GSAP-NOTICE.txt
- assets/OpentypeJS-LICENSE.txt
- assets/Three-LICENSE.txt
- assets/ThreeMeshBVH-LICENSE.txt
- assets/example-logo.svg
- assets/fonts/Geist-Bold.ttf
- assets/fonts/Geist-OFL.txt
- assets/fonts/Geist-Regular.ttf
- assets/fonts/Geist-SemiBold.ttf
- assets/frost.js
- assets/gsap-3.14.2.min.js
- assets/logo.svg
- assets/test-mark.svg
- assets/textures/bluenoise64.png
- frost-sequence-camera-orbit.html
- registry-item.json
- source/README.md
- source/build.mjs
- source/package.json
- source/presets/approved-material.json
- source/presets/source-hero4-material.json
- source/src/World.ts
- source/src/assets.ts
- source/src/cache.ts
- source/src/core/AdaptiveResolution.ts
- source/src/core/clock.ts
- source/src/core/ease.ts
- source/src/core/interaction.ts
- source/src/core/motion.ts
- source/src/core/schedule.ts
- source/src/core/seed.ts
- source/src/core/state.ts
- source/src/dials/baked.json
- source/src/dials/defaults.ts
- source/src/dials/store.ts
- source/src/erosion/AssemblyField.ts
- source/src/erosion/ErosionField.ts
- source/src/frost.ts
- source/src/ice/CrackPlanes.ts
- source/src/ice/EnvironmentSampling.ts
- source/src/ice/FastOptics.ts
- source/src/ice/GlassMatcap.ts
- source/src/ice/IceMaterial.ts
- source/src/ice/MeshEntry.ts
- source/src/ice/OpticalTransport.ts
- source/src/ice/SharedSurface.ts
- source/src/ice/SurfaceDetail.ts
- source/src/ice/features.ts
- source/src/ice/optics.ts
- source/src/ice/variant.ts
- source/src/motion/editor.ts
- source/src/motion/meshes.ts
- source/src/motion/objectFrame.ts
- source/src/motion/track.ts
- source/src/post/Post.ts
- source/src/powder/Powder.ts
- source/src/powder/returnGroups.ts
- source/src/powder/shardAtlas.ts
- source/src/rewrite.ts
- source/src/rig/LogoRig.ts
- source/src/scene/Backdrop.ts
- source/src/scene/DebugViews.ts
- source/src/scene/Environment.ts
- source/src/scene/Lights.ts
- source/src/scene/Rig.ts
- source/src/shape/deform.ts
- source/src/shape/geometry.ts
- source/src/shape/gpuSdf.ts
- source/src/shape/logo.ts
- source/src/shape/logoRefine.ts
- source/src/shape/sdf.ts
- source/src/shape/text.ts
- source/src/shape/textRefine.ts
- source/src/shape/unionOutlines.ts
- source/src/tsl/noise.ts
- source/src/tsl/t.ts
- source/src/vendor/clipper-README.md
- source/src/vendor/clipper.cjs
- source/tools/compile-preflight.mjs
- source/tools/run-shard-compile.mjs
- source/tools/shard-compile-probe.ts
What this skill tells the agent
Frost Sequence Camera Orbit
A complete 22.5-second ice sequence: logo, first text, second text, breakup, and fade. The camera orbits the fixed objects with slower front-facing passes for reading. The same particle field carries each transition. Customize the two text moments and SVG logo; the source includes editable camera and assembly timing.
Composition id: frost-sequence-rig. Duration 22.5 s at 30 fps, 1920×1080.
Files
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(fetched from the CDN at install)assets/test-mark.svg(1 KB)assets/textures/bluenoise64.png(12 KB)assets/textures/ice-inclusions-generated.png(fetched from the CDN at install)
Install
Install with npx hyperframes add frost-sequence-camera-orbit; by default the files above land under compositions/frost-sequence-camera-orbit/. Then mount the block from the host 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>Render with custom values by targeting the composition file directly:
npx --yes hyperframes@0.8.12 render 'compositions/frost-sequence-camera-orbit/frost-sequence-camera-orbit.html' --variables '{"headline1":"Hard to|break.","headline2":"Easy to|remember."}'Variables
Read at runtime via window.__hyperframes.getVariables(); declared on the composition root as data-composition-variables (single-quoted attribute, plain JSON).
| id | type | default | label / range | ||
|---|---|---|---|---|---|
headline1 | string | `"Hard to | break."` | First text ( | = line break) max 60 chars |
headline2 | string | `"Easy to | remember."` | Second text ( | = line break) max 60 chars |
logoUrl | string | "assets/logo.svg" | Logo SVG asset path (upload in Assets, then paste path) max 200 chars | ||
assemblyMode | enum | "hybrid" | Assembly response (physical | directed | hybrid) |
materialBaseColor | color | "#ffffff" | Base color | ||
baseRoughness | number | 0.31 | Base roughness 0–0.5 step 0.005 | ||
materialTransmission | boolean | true | Transmission | ||
materialBacklight | number | 0.27 | Backlight through ice 0–2 step 0.01 | ||
ior | number | 1.675 | Index of refraction 1–2 step 0.005 | ||
thicknessScale | number | 2.04 | Thickness scale 0.1–3 step 0.01 | ||
materialAbsorption | boolean | true | Absorption / tint | ||
attenuationColor | color | "#d5f4ff" | Attenuation colour (white = no absorption, clear glass) | ||
attenuationDistance | number | 6.54 | Attenuation distance 0.05–12 step 0.01 | ||
materialDispersion | boolean | false | Dispersion | ||
dispersion | number | 0.12 | Dispersion (0 = off; on/off reloads) 0–0.3 step 0.005 | ||
materialReflections | boolean | true | Reflections | ||
envIntensity | number | 2.04 | Environment intensity 0–3 step 0.01 | ||
specularIntensity | number | 1.44 | Specular intensity 0–2 step 0.01 | ||
materialFrost | boolean | true | Frost | ||
materialInteriorFrost | number | 0 | Uniform frost 0–1 step 0.01 | ||
frostScale | number | 0.7 | Scale 0.2–6 step 0.05 | ||
frostThreshold | number | 0.62 | Threshold (1 = no frost, clear glass) 0–1 step 0.01 | ||
frostSoftness | number | 0.24 | Softness 0.01–1 step 0.01 | ||
frostRoughness | number | 0.73 | Roughness 0–1 step 0.01 | ||
frostDiffuse | number | 0.11 | Diffuse (how much light frosted areas catch) 0–1 step 0.01 | ||
materialSurfaceBumps | boolean | false | Object surface bumps / crack notches | ||
materialCrystals | boolean | true | Crystal bumps | ||
crystalBump | number | 0.01 | Crystal bump 0–1 step 0.01 | ||
crystalScale | number | 4 | Crystal scale 4–80 step 1 | ||
materialGrain | boolean | true | Grain bumps | ||
materialGrainAmount | number | 0.47 | Grain strength 0–2 step 0.01 | ||
materialGrainScale | number | 150 | Grain scale 1–150 step 1 | ||
materialCutNormals | boolean | true | Fracture normals |
More from heygen-com
Use this skill in a project
Open any RiverX project, search the Skills panel for heygen-com/hyperframes/frost-sequence-camera-orbit, and install it in one click.