mirror of
https://github.com/heygen-com/hyperframes.git
synced 2026-09-01 19:42:03 +00:00
Adds a Code Animations catalog section — 9 self-contained, installable blocks: morph, snippet-flight, typing, diff, highlight, scroll (DOM/GSAP) and 3d-extrude, shader-dissolve, particle-assemble (WebGL). Each block ships only its own effect and renders deterministically (paused GSAP timeline seeked per frame, seeded RNG, no render-time data fetch). Wires the catalog nav, registry.json, a new code-animation Studio category, and preview assets.
25 lines
887 B
JSON
25 lines
887 B
JSON
{
|
|
"$schema": "https://hyperframes.heygen.com/schema/registry-item.json",
|
|
"name": "code-3d-extrude",
|
|
"type": "hyperframes:block",
|
|
"title": "Code 3D Extrude",
|
|
"description": "Syntax-highlighted code on a lit, beveled 3D slab that rotates through real space and settles to a readable rest — true WebGL depth and lighting, not a 2D transform.",
|
|
"dimensions": {
|
|
"width": 1920,
|
|
"height": 1080
|
|
},
|
|
"duration": 8,
|
|
"tags": ["code", "code-animation", "3d", "webgl", "developer"],
|
|
"files": [
|
|
{
|
|
"path": "code-3d-extrude.html",
|
|
"target": "compositions/code-3d-extrude.html",
|
|
"type": "hyperframes:composition"
|
|
}
|
|
],
|
|
"preview": {
|
|
"video": "https://static.heygen.ai/hyperframes-oss/docs/images/catalog/blocks/code-3d-extrude.mp4",
|
|
"poster": "https://static.heygen.ai/hyperframes-oss/docs/images/catalog/blocks/code-3d-extrude.png"
|
|
}
|
|
}
|