[{"data":1,"prerenderedAt":1353},["ShallowReactive",2],{"navigation":3,"\u002Fgetting-started\u002Fshowcase":686,"\u002Fgetting-started\u002Fshowcase-surround":1348},[4,31,57,147,168,198,652],{"title":5,"icon":6,"path":7,"stem":8,"children":9,"page":30},"快速入门","i-lucide-rocket","\u002Fgetting-started","01.getting-started",[10,14,18,22,26],{"title":11,"path":12,"stem":13},"简介","\u002Fgetting-started\u002Fintroduction","01.getting-started\u002F01.introduction",{"title":15,"path":16,"stem":17},"快速开始","\u002Fgetting-started\u002Fquickstart","01.getting-started\u002F02.quickstart",{"title":19,"path":20,"stem":21},"展示作品","\u002Fgetting-started\u002Fshowcase","01.getting-started\u002F03.showcase",{"title":23,"path":24,"stem":25},"示例","\u002Fgetting-started\u002Fexamples","01.getting-started\u002F04.examples",{"title":27,"path":28,"stem":29},"发布视频","\u002Fgetting-started\u002Flaunch-videos","01.getting-started\u002F05.launch-videos",false,{"title":32,"icon":33,"path":34,"stem":35,"children":36,"page":30},"核心概念","i-lucide-lightbulb","\u002Fconcepts","02.concepts",[37,41,45,49,53],{"title":38,"path":39,"stem":40},"合成","\u002Fconcepts\u002Fcompositions","02.concepts\u002F01.compositions",{"title":42,"path":43,"stem":44},"数据属性","\u002Fconcepts\u002Fdata-attributes","02.concepts\u002F02.data-attributes",{"title":46,"path":47,"stem":48},"变量","\u002Fconcepts\u002Fvariables","02.concepts\u002F03.variables",{"title":50,"path":51,"stem":52},"帧适配器","\u002Fconcepts\u002Fframe-adapters","02.concepts\u002F04.frame-adapters",{"title":54,"path":55,"stem":56},"确定性渲染","\u002Fconcepts\u002Fdeterminism","02.concepts\u002F05.determinism",{"title":58,"icon":59,"path":60,"stem":61,"children":62,"page":30},"使用指南","i-lucide-compass","\u002Fguides","03.guides",[63,67,71,75,79,83,87,91,95,99,103,107,111,115,119,123,127,131,135,139,143],{"title":64,"path":65,"stem":66},"工作流水线","\u002Fguides\u002Fpipeline","03.guides\u002F01.pipeline",{"title":68,"path":69,"stem":70},"HTML-in-Canvas","\u002Fguides\u002Fhtml-in-canvas","03.guides\u002F02.html-in-canvas",{"title":72,"path":73,"stem":74},"网站转视频","\u002Fguides\u002Fwebsite-to-video","03.guides\u002F03.website-to-video",{"title":76,"path":77,"stem":78},"Google Antigravity","\u002Fguides\u002Fantigravity","03.guides\u002F04.antigravity",{"title":80,"path":81,"stem":82},"GitHub Copilot CLI","\u002Fguides\u002Fcopilot-cli","03.guides\u002F05.copilot-cli",{"title":84,"path":85,"stem":86},"Claude Design","\u002Fguides\u002Fclaude-design","03.guides\u002F06.claude-design",{"title":88,"path":89,"stem":90},"Open Design","\u002Fguides\u002Fopen-design","03.guides\u002F07.open-design",{"title":92,"path":93,"stem":94},"提示词指南","\u002Fguides\u002Fprompting","03.guides\u002F08.prompting",{"title":96,"path":97,"stem":98},"Hyperframes vs Remotion","\u002Fguides\u002Fhyperframes-vs-remotion","03.guides\u002F09.hyperframes-vs-remotion",{"title":100,"path":101,"stem":102},"GSAP 动画","\u002Fguides\u002Fgsap-animation","03.guides\u002F10.gsap-animation",{"title":104,"path":105,"stem":106},"渲染","\u002Fguides\u002Frendering","03.guides\u002F11.rendering",{"title":108,"path":109,"stem":110},"去除背景（透明视频）","\u002Fguides\u002Fremove-background","03.guides\u002F12.remove-background",{"title":112,"path":113,"stem":114},"HDR 渲染","\u002Fguides\u002Fhdr","03.guides\u002F13.hdr",{"title":116,"path":117,"stem":118},"4K 渲染","\u002Fguides\u002F4k-rendering","03.guides\u002F14.4k-rendering",{"title":120,"path":121,"stem":122},"性能","\u002Fguides\u002Fperformance","03.guides\u002F15.performance",{"title":124,"path":125,"stem":126},"时间轴编辑","\u002Fguides\u002Ftimeline-editing","03.guides\u002F16.timeline-editing",{"title":128,"path":129,"stem":130},"视频编辑者速查表","\u002Fguides\u002Fvideo-editor-cheatsheet","03.guides\u002F17.video-editor-cheatsheet",{"title":132,"path":133,"stem":134},"常见错误","\u002Fguides\u002Fcommon-mistakes","03.guides\u002F18.common-mistakes",{"title":136,"path":137,"stem":138},"故障排除","\u002Fguides\u002Ftroubleshooting","03.guides\u002F19.troubleshooting",{"title":140,"path":141,"stem":142},"反馈收集","\u002Fguides\u002Ffeedback","03.guides\u002F20.feedback",{"title":144,"path":145,"stem":146},"HyperFrames MCP","\u002Fguides\u002Fmcp","03.guides\u002F21.mcp",{"title":148,"icon":149,"path":150,"stem":151,"children":152,"page":30},"部署","i-lucide-cloud","\u002Fdeploy","04.deploy",[153,156,160,164],{"title":148,"path":154,"stem":155},"\u002Fdeploy\u002Fdeploy","04.deploy\u002F01.deploy",{"title":157,"path":158,"stem":159},"AWS Lambda","\u002Fdeploy\u002Faws-lambda","04.deploy\u002F02.aws-lambda",{"title":161,"path":162,"stem":163},"Lambda 上的模板","\u002Fdeploy\u002Ftemplates-on-lambda","04.deploy\u002F03.templates-on-lambda",{"title":165,"path":166,"stem":167},"迁移到 HyperFrames Lambda","\u002Fdeploy\u002Fmigrating-to-hyperframes-lambda","04.deploy\u002F04.migrating-to-hyperframes-lambda",{"title":169,"icon":170,"path":171,"stem":172,"children":173,"page":30},"包","i-lucide-package","\u002Fpackages","05.packages",[174,178,182,186,190,194],{"title":175,"path":176,"stem":177},"@hyperframes\u002Fcore","\u002Fpackages\u002Fcore","05.packages\u002F01.core",{"title":179,"path":180,"stem":181},"@hyperframes\u002Fengine","\u002Fpackages\u002Fengine","05.packages\u002F02.engine",{"title":183,"path":184,"stem":185},"@hyperframes\u002Fplayer","\u002Fpackages\u002Fplayer","05.packages\u002F03.player",{"title":187,"path":188,"stem":189},"@hyperframes\u002Fproducer","\u002Fpackages\u002Fproducer","05.packages\u002F04.producer",{"title":191,"path":192,"stem":193},"@hyperframes\u002Fstudio","\u002Fpackages\u002Fstudio","05.packages\u002F05.studio",{"title":195,"path":196,"stem":197},"CLI","\u002Fpackages\u002Fcli","05.packages\u002F06.cli",{"title":199,"icon":200,"path":201,"stem":202,"children":203,"page":30},"组件目录","i-lucide-layout-grid","\u002Fcatalog","06.catalog",[204,270,324,358,420,478,512,546,584,598],{"title":205,"icon":206,"path":207,"stem":208,"children":209,"page":30},"字幕","i-lucide-captions","\u002Fcatalog\u002Fcaption","06.catalog\u002F01.caption",[210,214,218,222,226,230,234,238,242,246,250,254,258,262,266],{"title":211,"path":212,"stem":213},"裁剪擦除","\u002Fcatalog\u002Fcaption\u002Fcaption-clip-wipe","06.catalog\u002F01.caption\u002F01.caption-clip-wipe",{"title":215,"path":216,"stem":217},"编辑强调","\u002Fcatalog\u002Fcaption\u002Fcaption-editorial-emphasis","06.catalog\u002F01.caption\u002F02.caption-editorial-emphasis",{"title":219,"path":220,"stem":221},"Emoji 弹出","\u002Fcatalog\u002Fcaption\u002Fcaption-emoji-pop","06.catalog\u002F01.caption\u002F03.caption-emoji-pop",{"title":223,"path":224,"stem":225},"故障 RGB","\u002Fcatalog\u002Fcaption\u002Fcaption-glitch-rgb","06.catalog\u002F01.caption\u002F04.caption-glitch-rgb",{"title":227,"path":228,"stem":229},"渐变填充","\u002Fcatalog\u002Fcaption\u002Fcaption-gradient-fill","06.catalog\u002F01.caption\u002F05.caption-gradient-fill",{"title":231,"path":232,"stem":233},"高亮","\u002Fcatalog\u002Fcaption\u002Fcaption-highlight","06.catalog\u002F01.caption\u002F06.caption-highlight",{"title":235,"path":236,"stem":237},"动感冲击","\u002Fcatalog\u002Fcaption\u002Fcaption-kinetic-slam","06.catalog\u002F01.caption\u002F07.caption-kinetic-slam",{"title":239,"path":240,"stem":241},"矩阵解码","\u002Fcatalog\u002Fcaption\u002Fcaption-matrix-decode","06.catalog\u002F01.caption\u002F08.caption-matrix-decode",{"title":243,"path":244,"stem":245},"霓虹强调","\u002Fcatalog\u002Fcaption\u002Fcaption-neon-accent","06.catalog\u002F01.caption\u002F09.caption-neon-accent",{"title":247,"path":248,"stem":249},"霓虹发光","\u002Fcatalog\u002Fcaption\u002Fcaption-neon-glow","06.catalog\u002F01.caption\u002F10.caption-neon-glow",{"title":251,"path":252,"stem":253},"视差图层","\u002Fcatalog\u002Fcaption\u002Fcaption-parallax-layers","06.catalog\u002F01.caption\u002F11.caption-parallax-layers",{"title":255,"path":256,"stem":257},"粒子爆发","\u002Fcatalog\u002Fcaption\u002Fcaption-particle-burst","06.catalog\u002F01.caption\u002F12.caption-particle-burst",{"title":259,"path":260,"stem":261},"胶囊卡拉OK","\u002Fcatalog\u002Fcaption\u002Fcaption-pill-karaoke","06.catalog\u002F01.caption\u002F13.caption-pill-karaoke",{"title":263,"path":264,"stem":265},"纹理","\u002Fcatalog\u002Fcaption\u002Fcaption-texture","06.catalog\u002F01.caption\u002F14.caption-texture",{"title":267,"path":268,"stem":269},"字重切换","\u002Fcatalog\u002Fcaption\u002Fcaption-weight-shift","06.catalog\u002F01.caption\u002F15.caption-weight-shift",{"title":271,"icon":272,"path":273,"stem":274,"children":275,"page":30},"HTML 画布","i-lucide-layout-dashboard","\u002Fcatalog\u002Fhtml-canvas","06.catalog\u002F02.html-canvas",[276,280,284,288,292,296,300,304,308,312,316,320],{"title":277,"path":278,"stem":279},"iOS 26 Liquid Glass 主屏幕","\u002Fcatalog\u002Fhtml-canvas\u002Fios26-liquid-glass","06.catalog\u002F02.html-canvas\u002F01.ios26-liquid-glass",{"title":281,"path":282,"stem":283},"Liquid Glass 右键菜单","\u002Fcatalog\u002Fhtml-canvas\u002Fliquid-glass-context-menu","06.catalog\u002F02.html-canvas\u002F02.liquid-glass-context-menu",{"title":285,"path":286,"stem":287},"Liquid Glass 媒体控制","\u002Fcatalog\u002Fhtml-canvas\u002Fliquid-glass-media-controls","06.catalog\u002F02.html-canvas\u002F03.liquid-glass-media-controls",{"title":289,"path":290,"stem":291},"Liquid Glass 通知","\u002Fcatalog\u002Fhtml-canvas\u002Fliquid-glass-notification","06.catalog\u002F02.html-canvas\u002F04.liquid-glass-notification",{"title":293,"path":294,"stem":295},"Liquid Glass 小组件","\u002Fcatalog\u002Fhtml-canvas\u002Fliquid-glass-widgets","06.catalog\u002F02.html-canvas\u002F05.liquid-glass-widgets",{"title":297,"path":298,"stem":299},"macOS Tahoe Liquid Glass 桌面","\u002Fcatalog\u002Fhtml-canvas\u002Fmacos-tahoe-liquid-glass","06.catalog\u002F02.html-canvas\u002F06.macos-tahoe-liquid-glass",{"title":301,"path":302,"stem":303},"iPhone & MacBook 3D 展示","\u002Fcatalog\u002Fhtml-canvas\u002Fvfx-iphone-device","06.catalog\u002F02.html-canvas\u002F07.vfx-iphone-device",{"title":305,"path":306,"stem":307},"液态背景","\u002Fcatalog\u002Fhtml-canvas\u002Fvfx-liquid-background","06.catalog\u002F02.html-canvas\u002F08.vfx-liquid-background",{"title":309,"path":310,"stem":311},"磁力效果","\u002Fcatalog\u002Fhtml-canvas\u002Fvfx-magnetic","06.catalog\u002F02.html-canvas\u002F09.vfx-magnetic",{"title":313,"path":314,"stem":315},"传送门","\u002Fcatalog\u002Fhtml-canvas\u002Fvfx-portal","06.catalog\u002F02.html-canvas\u002F10.vfx-portal",{"title":317,"path":318,"stem":319},"碎裂效果","\u002Fcatalog\u002Fhtml-canvas\u002Fvfx-shatter","06.catalog\u002F02.html-canvas\u002F11.vfx-shatter",{"title":321,"path":322,"stem":323},"VFX 文字光标","\u002Fcatalog\u002Fhtml-canvas\u002Fvfx-text-cursor","06.catalog\u002F02.html-canvas\u002F12.vfx-text-cursor",{"title":325,"icon":326,"path":327,"stem":328,"children":329,"page":30},"社交叠加层","i-lucide-share-2","\u002Fcatalog\u002Fsocial-overlays","06.catalog\u002F03.social-overlays",[330,334,338,342,346,350,354],{"title":331,"path":332,"stem":333},"Instagram 关注","\u002Fcatalog\u002Fsocial-overlays\u002Finstagram-follow","06.catalog\u002F03.social-overlays\u002F01.instagram-follow",{"title":335,"path":336,"stem":337},"macOS 通知","\u002Fcatalog\u002Fsocial-overlays\u002Fmacos-notification","06.catalog\u002F03.social-overlays\u002F02.macos-notification",{"title":339,"path":340,"stem":341},"Reddit 帖子卡片","\u002Fcatalog\u002Fsocial-overlays\u002Freddit-post","06.catalog\u002F03.social-overlays\u002F03.reddit-post",{"title":343,"path":344,"stem":345},"Spotify 正在播放","\u002Fcatalog\u002Fsocial-overlays\u002Fspotify-card","06.catalog\u002F03.social-overlays\u002F04.spotify-card",{"title":347,"path":348,"stem":349},"TikTok 关注","\u002Fcatalog\u002Fsocial-overlays\u002Ftiktok-follow","06.catalog\u002F03.social-overlays\u002F05.tiktok-follow",{"title":351,"path":352,"stem":353},"X 帖子卡片","\u002Fcatalog\u002Fsocial-overlays\u002Fx-post","06.catalog\u002F03.social-overlays\u002F06.x-post",{"title":355,"path":356,"stem":357},"YouTube 下方三分之一","\u002Fcatalog\u002Fsocial-overlays\u002Fyt-lower-third","06.catalog\u002F03.social-overlays\u002F07.yt-lower-third",{"title":359,"icon":360,"path":361,"stem":362,"children":363,"page":30},"着色器过渡","i-lucide-wand-2","\u002Fcatalog\u002Fshader-transitions","06.catalog\u002F04.shader-transitions",[364,368,372,376,380,384,388,392,396,400,404,408,412,416],{"title":365,"path":366,"stem":367},"色散径向分裂","\u002Fcatalog\u002Fshader-transitions\u002Fchromatic-radial-split","06.catalog\u002F04.shader-transitions\u002F01.chromatic-radial-split",{"title":369,"path":370,"stem":371},"电影感变焦","\u002Fcatalog\u002Fshader-transitions\u002Fcinematic-zoom","06.catalog\u002F04.shader-transitions\u002F02.cinematic-zoom",{"title":373,"path":374,"stem":375},"交叉扭曲变形","\u002Fcatalog\u002Fshader-transitions\u002Fcross-warp-morph","06.catalog\u002F04.shader-transitions\u002F03.cross-warp-morph",{"title":377,"path":378,"stem":379},"域扭曲溶解","\u002Fcatalog\u002Fshader-transitions\u002Fdomain-warp-dissolve","06.catalog\u002F04.shader-transitions\u002F04.domain-warp-dissolve",{"title":381,"path":382,"stem":383},"白色闪光过渡","\u002Fcatalog\u002Fshader-transitions\u002Fflash-through-white","06.catalog\u002F04.shader-transitions\u002F05.flash-through-white",{"title":385,"path":386,"stem":387},"故障效果","\u002Fcatalog\u002Fshader-transitions\u002Fglitch","06.catalog\u002F04.shader-transitions\u002F06.glitch",{"title":389,"path":390,"stem":391},"引力透镜","\u002Fcatalog\u002Fshader-transitions\u002Fgravitational-lens","06.catalog\u002F04.shader-transitions\u002F07.gravitational-lens",{"title":393,"path":394,"stem":395},"光线泄漏","\u002Fcatalog\u002Fshader-transitions\u002Flight-leak","06.catalog\u002F04.shader-transitions\u002F08.light-leak",{"title":397,"path":398,"stem":399},"褶皱燃烧","\u002Fcatalog\u002Fshader-transitions\u002Fridged-burn","06.catalog\u002F04.shader-transitions\u002F09.ridged-burn",{"title":401,"path":402,"stem":403},"涟漪波纹","\u002Fcatalog\u002Fshader-transitions\u002Fripple-waves","06.catalog\u002F04.shader-transitions\u002F10.ripple-waves",{"title":405,"path":406,"stem":407},"SDF 光圈","\u002Fcatalog\u002Fshader-transitions\u002Fsdf-iris","06.catalog\u002F04.shader-transitions\u002F11.sdf-iris",{"title":409,"path":410,"stem":411},"漩涡涡流","\u002Fcatalog\u002Fshader-transitions\u002Fswirl-vortex","06.catalog\u002F04.shader-transitions\u002F12.swirl-vortex",{"title":413,"path":414,"stem":415},"热浪扭曲","\u002Fcatalog\u002Fshader-transitions\u002Fthermal-distortion","06.catalog\u002F04.shader-transitions\u002F13.thermal-distortion",{"title":417,"path":418,"stem":419},"快速摇摄","\u002Fcatalog\u002Fshader-transitions\u002Fwhip-pan","06.catalog\u002F04.shader-transitions\u002F14.whip-pan",{"title":421,"icon":422,"path":423,"stem":424,"children":425,"page":30},"CSS 过渡","i-lucide-repeat","\u002Fcatalog\u002Fcss-transitions","06.catalog\u002F05.css-transitions",[426,430,434,438,442,446,450,454,458,462,466,470,474],{"title":427,"path":428,"stem":429},"3D 过渡","\u002Fcatalog\u002Fcss-transitions\u002Ftransitions-3d","06.catalog\u002F05.css-transitions\u002F01.transitions-3d",{"title":431,"path":432,"stem":433},"模糊过渡","\u002Fcatalog\u002Fcss-transitions\u002Ftransitions-blur","06.catalog\u002F05.css-transitions\u002F02.transitions-blur",{"title":435,"path":436,"stem":437},"覆盖过渡","\u002Fcatalog\u002Fcss-transitions\u002Ftransitions-cover","06.catalog\u002F05.css-transitions\u002F03.transitions-cover",{"title":439,"path":440,"stem":441},"破碎过渡","\u002Fcatalog\u002Fcss-transitions\u002Ftransitions-destruction","06.catalog\u002F05.css-transitions\u002F04.transitions-destruction",{"title":443,"path":444,"stem":445},"溶解过渡","\u002Fcatalog\u002Fcss-transitions\u002Ftransitions-dissolve","06.catalog\u002F05.css-transitions\u002F05.transitions-dissolve",{"title":447,"path":448,"stem":449},"扭曲过渡","\u002Fcatalog\u002Fcss-transitions\u002Ftransitions-distortion","06.catalog\u002F05.css-transitions\u002F06.transitions-distortion",{"title":451,"path":452,"stem":453},"网格过渡","\u002Fcatalog\u002Fcss-transitions\u002Ftransitions-grid","06.catalog\u002F05.css-transitions\u002F07.transitions-grid",{"title":455,"path":456,"stem":457},"光效过渡","\u002Fcatalog\u002Fcss-transitions\u002Ftransitions-light","06.catalog\u002F05.css-transitions\u002F08.transitions-light",{"title":459,"path":460,"stem":461},"机械过渡","\u002Fcatalog\u002Fcss-transitions\u002Ftransitions-mechanical","06.catalog\u002F05.css-transitions\u002F09.transitions-mechanical",{"title":463,"path":464,"stem":465},"其他过渡","\u002Fcatalog\u002Fcss-transitions\u002Ftransitions-other","06.catalog\u002F05.css-transitions\u002F10.transitions-other",{"title":467,"path":468,"stem":469},"推移过渡","\u002Fcatalog\u002Fcss-transitions\u002Ftransitions-push","06.catalog\u002F05.css-transitions\u002F11.transitions-push",{"title":471,"path":472,"stem":473},"径向过渡","\u002Fcatalog\u002Fcss-transitions\u002Ftransitions-radial","06.catalog\u002F05.css-transitions\u002F12.transitions-radial",{"title":475,"path":476,"stem":477},"缩放过渡","\u002Fcatalog\u002Fcss-transitions\u002Ftransitions-scale","06.catalog\u002F05.css-transitions\u002F13.transitions-scale",{"title":479,"icon":480,"path":481,"stem":482,"children":483,"page":30},"展示","i-lucide-monitor-play","\u002Fcatalog\u002Fshowcase","06.catalog\u002F06.showcase",[484,488,492,496,500,504,508],{"title":485,"path":486,"stem":487},"应用展示","\u002Fcatalog\u002Fshowcase\u002Fapp-showcase","06.catalog\u002F06.showcase\u002F01.app-showcase",{"title":489,"path":490,"stem":491},"Apple 金额计数器","\u002Fcatalog\u002Fshowcase\u002Fapple-money-count","06.catalog\u002F06.showcase\u002F02.apple-money-count",{"title":493,"path":494,"stem":495},"蓝色毛衣开场视频","\u002Fcatalog\u002Fshowcase\u002Fblue-sweater-intro-video","06.catalog\u002F06.showcase\u002F03.blue-sweater-intro-video",{"title":497,"path":498,"stem":499},"朝鲜封锁","\u002Fcatalog\u002Fshowcase\u002Fnorth-korea-locked-down","06.catalog\u002F06.showcase\u002F04.north-korea-locked-down",{"title":501,"path":502,"stem":503},"纽约巴黎航班","\u002Fcatalog\u002Fshowcase\u002Fnyc-paris-flight","06.catalog\u002F06.showcase\u002F05.nyc-paris-flight",{"title":505,"path":506,"stem":507},"3D UI 展示","\u002Fcatalog\u002Fshowcase\u002Fui-3d-reveal","06.catalog\u002F06.showcase\u002F06.ui-3d-reveal",{"title":509,"path":510,"stem":511},"VPN YouTube 广告片段","\u002Fcatalog\u002Fshowcase\u002Fvpn-youtube-spot","06.catalog\u002F06.showcase\u002F07.vpn-youtube-spot",{"title":513,"icon":514,"path":515,"stem":516,"children":517,"page":30},"数据","i-lucide-bar-chart-3","\u002Fcatalog\u002Fdata","06.catalog\u002F07.data",[518,522,526,530,534,538,542],{"title":519,"path":520,"stem":521},"数据图表","\u002Fcatalog\u002Fdata\u002Fdata-chart","06.catalog\u002F07.data\u002F01.data-chart",{"title":523,"path":524,"stem":525},"西班牙地图","\u002Fcatalog\u002Fdata\u002Fspain-map","06.catalog\u002F07.data\u002F02.spain-map",{"title":527,"path":528,"stem":529},"美国地图","\u002Fcatalog\u002Fdata\u002Fus-map","06.catalog\u002F07.data\u002F03.us-map",{"title":531,"path":532,"stem":533},"美国气泡地图","\u002Fcatalog\u002Fdata\u002Fus-map-bubble","06.catalog\u002F07.data\u002F04.us-map-bubble",{"title":535,"path":536,"stem":537},"美国流动地图","\u002Fcatalog\u002Fdata\u002Fus-map-flow","06.catalog\u002F07.data\u002F05.us-map-flow",{"title":539,"path":540,"stem":541},"美国六边形网格地图","\u002Fcatalog\u002Fdata\u002Fus-map-hex","06.catalog\u002F07.data\u002F06.us-map-hex",{"title":543,"path":544,"stem":545},"世界地图","\u002Fcatalog\u002Fdata\u002Fworld-map","06.catalog\u002F07.data\u002F07.world-map",{"title":547,"icon":548,"path":549,"stem":550,"children":551,"page":30},"效果","i-lucide-sparkles","\u002Fcatalog\u002Feffects","06.catalog\u002F08.effects",[552,556,560,564,568,572,576,580],{"title":553,"path":554,"stem":555},"差值混合","\u002Fcatalog\u002Feffects\u002Fcaption-blend-difference","06.catalog\u002F08.effects\u002F01.caption-blend-difference",{"title":557,"path":558,"stem":559},"胶片颗粒叠加","\u002Fcatalog\u002Feffects\u002Fgrain-overlay","06.catalog\u002F08.effects\u002F02.grain-overlay",{"title":561,"path":562,"stem":563},"网格像素化擦除","\u002Fcatalog\u002Feffects\u002Fgrid-pixelate-wipe","06.catalog\u002F08.effects\u002F03.grid-pixelate-wipe",{"title":565,"path":566,"stem":567},"视差缩小","\u002Fcatalog\u002Feffects\u002Fparallax-unzoom","06.catalog\u002F08.effects\u002F04.parallax-unzoom",{"title":569,"path":570,"stem":571},"视差放大","\u002Fcatalog\u002Feffects\u002Fparallax-zoom","06.catalog\u002F08.effects\u002F05.parallax-zoom",{"title":573,"path":574,"stem":575},"微光扫过","\u002Fcatalog\u002Feffects\u002Fshimmer-sweep","06.catalog\u002F08.effects\u002F06.shimmer-sweep",{"title":577,"path":578,"stem":579},"纹理遮罩文字","\u002Fcatalog\u002Feffects\u002Ftexture-mask-text","06.catalog\u002F08.effects\u002F07.texture-mask-text",{"title":581,"path":582,"stem":583},"暗角","\u002Fcatalog\u002Feffects\u002Fvignette","06.catalog\u002F08.effects\u002F08.vignette",{"title":585,"icon":586,"path":587,"stem":588,"children":589,"page":30},"区块","i-lucide-box","\u002Fcatalog\u002Fblocks","06.catalog\u002F09.blocks",[590,594],{"title":591,"path":592,"stem":593},"流程图","\u002Fcatalog\u002Fblocks\u002Fflowchart","06.catalog\u002F09.blocks\u002F01.flowchart",{"title":595,"path":596,"stem":597},"Logo 片尾","\u002Fcatalog\u002Fblocks\u002Flogo-outro","06.catalog\u002F09.blocks\u002F02.logo-outro",{"title":599,"icon":600,"path":601,"stem":602,"children":603,"page":30},"代码片段","i-lucide-code-2","\u002Fcatalog\u002Fcode-snippets","06.catalog\u002F10.code-snippets",[604,608,612,616,620,624,628,632,636,640,644,648],{"title":605,"path":606,"stem":607},"Dark 2026","\u002Fcatalog\u002Fcode-snippets\u002Fcode-snippet-dark-2026","06.catalog\u002F10.code-snippets\u002F01.code-snippet-dark-2026",{"title":609,"path":610,"stem":611},"Dark Modern","\u002Fcatalog\u002Fcode-snippets\u002Fcode-snippet-dark-modern","06.catalog\u002F10.code-snippets\u002F02.code-snippet-dark-modern",{"title":613,"path":614,"stem":615},"Dark+","\u002Fcatalog\u002Fcode-snippets\u002Fcode-snippet-dark-plus","06.catalog\u002F10.code-snippets\u002F03.code-snippet-dark-plus",{"title":617,"path":618,"stem":619},"High Contrast","\u002Fcatalog\u002Fcode-snippets\u002Fcode-snippet-high-contrast","06.catalog\u002F10.code-snippets\u002F04.code-snippet-high-contrast",{"title":621,"path":622,"stem":623},"High Contrast Light","\u002Fcatalog\u002Fcode-snippets\u002Fcode-snippet-high-contrast-light","06.catalog\u002F10.code-snippets\u002F05.code-snippet-high-contrast-light",{"title":625,"path":626,"stem":627},"Light 2026","\u002Fcatalog\u002Fcode-snippets\u002Fcode-snippet-light-2026","06.catalog\u002F10.code-snippets\u002F06.code-snippet-light-2026",{"title":629,"path":630,"stem":631},"Light Modern","\u002Fcatalog\u002Fcode-snippets\u002Fcode-snippet-light-modern","06.catalog\u002F10.code-snippets\u002F07.code-snippet-light-modern",{"title":633,"path":634,"stem":635},"Light+","\u002Fcatalog\u002Fcode-snippets\u002Fcode-snippet-light-plus","06.catalog\u002F10.code-snippets\u002F08.code-snippet-light-plus",{"title":637,"path":638,"stem":639},"Monokai","\u002Fcatalog\u002Fcode-snippets\u002Fcode-snippet-monokai","06.catalog\u002F10.code-snippets\u002F09.code-snippet-monokai",{"title":641,"path":642,"stem":643},"Solarized Light","\u002Fcatalog\u002Fcode-snippets\u002Fcode-snippet-solarized-light","06.catalog\u002F10.code-snippets\u002F10.code-snippet-solarized-light",{"title":645,"path":646,"stem":647},"Visual Studio Dark","\u002Fcatalog\u002Fcode-snippets\u002Fcode-snippet-visual-studio-dark","06.catalog\u002F10.code-snippets\u002F11.code-snippet-visual-studio-dark",{"title":649,"path":650,"stem":651},"Visual Studio Light","\u002Fcatalog\u002Fcode-snippets\u002Fcode-snippet-visual-studio-light","06.catalog\u002F10.code-snippets\u002F12.code-snippet-visual-studio-light",{"title":653,"icon":654,"path":655,"stem":656,"children":657,"page":30},"参考","i-lucide-book-marked","\u002Freference","07.reference",[658,662,666,670,674,678,682],{"title":659,"path":660,"stem":661},"HTML Schema 参考","\u002Freference\u002Fhtml-schema","07.reference\u002F01.html-schema",{"title":663,"path":664,"stem":665},"贡献指南","\u002Freference\u002Fcontributing","07.reference\u002F02.contributing",{"title":667,"path":668,"stem":669},"贡献到 Catalog","\u002Freference\u002Fcatalog","07.reference\u002F03.catalog",{"title":671,"path":672,"stem":673},"发布渠道","\u002Freference\u002Frelease-channels","07.reference\u002F04.release-channels",{"title":675,"path":676,"stem":677},"测试本地 CLI 变更","\u002Freference\u002Ftesting-local-changes","07.reference\u002F05.testing-local-changes",{"title":679,"path":680,"stem":681},"Studio 手动 DOM 编辑","\u002Freference\u002Fstudio-manual-dom-editing","07.reference\u002F06.studio-manual-dom-editing",{"title":683,"path":684,"stem":685},"采用者","\u002Freference\u002Fadopters","07.reference\u002F07.adopters",{"id":687,"title":19,"body":688,"description":1342,"extension":1343,"links":1344,"meta":1345,"navigation":746,"path":20,"seo":1346,"stem":21,"__hash__":1347},"docs\u002F01.getting-started\u002F03.showcase.md",{"type":689,"value":690,"toc":1335},"minimark",[691,695,698,705,709,957,960,982,985,1105,1108,1111,1202,1205,1276,1291,1294,1331],[692,693,694],"p",{},"README 介绍了 Hyperframes 是什么。本页面展示你可以用它构建什么。",[692,696,697],{},"下面的每个项目都是真实的 HyperFrames 合成，你可以查看源码、预览、渲染和二次创作。",[692,699,700,701,704],{},"想了解这些视频背后的制作笔记、仓库结构和克隆方式？请阅读",[702,703,27],"a",{"href":28},"。本页面是视觉展示；发布视频是更深入的拆解。",[706,707,708],"h2",{"id":708},"产品发布",[710,711,719,785,812,839,866,894,903,906,937],"div",{"className":712},[713,714,715,716,717,718],"not-prose","grid","grid-cols-1","md:grid-cols-2","gap-5","my-8",[710,720,735,748],{"className":721},[722,723,724,725,726,727,728,729,730,731,732,733,734],"group","block","overflow-hidden","rounded-xl","border","border-zinc-200","bg-white","shadow-sm","transition","hover:-translate-y-0.5","hover:shadow-lg","dark:border-zinc-800","dark:bg-zinc-950",[736,737],"video",{"className":738,"src":744,"poster":745,"controls":746,"muted":746,"loop":746,"playsInline":746,"preload":747},[739,740,741,742,743],"aspect-video","w-full","object-cover","bg-zinc-100","dark:bg-zinc-900","https:\u002F\u002Fstatic.heygen.ai\u002Fhyperframes-oss\u002Fdocs\u002Fimages\u002Fshowcase\u002Fhyperframes-launch-preview.mp4","https:\u002F\u002Fstatic.heygen.ai\u002Fhyperframes-oss\u002Fdocs\u002Fimages\u002Fshowcase\u002Fhyperframes-launch-poster.jpg",true,"metadata",[710,749,752,759,770,778],{"className":750},[751],"p-4",[710,753,708],{"className":754},[755,756,757,758],"text-xs","uppercase","tracking-wide","text-zinc-500",[760,761,769],"h3",{"className":762,"id":768},[763,764,765,766,767],"mt-1","text-lg","font-semibold","text-zinc-950","dark:text-zinc-50","hyperframes-发布视频","HyperFrames 发布视频",[692,771,777],{"className":772},[773,774,775,776],"mt-2","text-sm","text-zinc-600","dark:text-zinc-300","\n完整的发布视频，使用 CSS、GSAP、Lottie、着色器转场、Three.js、素材合成、字幕、配音和音效。\n",[702,779,784],{"className":780,"href":783},[781,723,774,782,766,767],"mt-3","font-medium","https:\u002F\u002Fgithub.com\u002Fheygen-com\u002Fhyperframes-launches\u002Ftree\u002Fmain\u002Fhyperframes-launch","\n查看源码 ->\n",[710,786,788,793],{"className":787},[722,723,724,725,726,727,728,729,730,731,732,733,734],[736,789],{"className":790,"src":791,"poster":792,"controls":746,"muted":746,"loop":746,"playsInline":746,"preload":747},[739,740,741,742,743],"https:\u002F\u002Fstatic.heygen.ai\u002Fhyperframes-oss\u002Fdocs\u002Fimages\u002Fshowcase\u002Fwebsite-to-hyperframes-preview.mp4","https:\u002F\u002Fstatic.heygen.ai\u002Fhyperframes-oss\u002Fdocs\u002Fimages\u002Fshowcase\u002Fwebsite-to-hyperframes-poster.jpg",[710,794,796,799,804,808],{"className":795},[751],[710,797,72],{"className":798},[755,756,757,758],[760,800,803],{"className":801,"id":802},[763,764,765,766,767],"网站转-hyperframes-演示","网站转 HyperFrames 演示",[692,805,807],{"className":806},[773,774,775,776],"\n一个 41.8 秒的发布视频，展示 AI Agent 将网站转化为产品宣传片、社交广告、功能展示和品牌混剪。\n",[702,809,784],{"className":810,"href":811},[781,723,774,782,766,767],"https:\u002F\u002Fgithub.com\u002Fheygen-com\u002Fhyperframes-launches\u002Ftree\u002Fmain\u002Fwebsite-to-hyperframes",[710,813,815,820],{"className":814},[722,723,724,725,726,727,728,729,730,731,732,733,734],[736,816],{"className":817,"src":818,"poster":819,"controls":746,"muted":746,"loop":746,"playsInline":746,"preload":747},[739,740,741,742,743],"https:\u002F\u002Fstatic.heygen.ai\u002Fhyperframes-oss\u002Fdocs\u002Fimages\u002Fshowcase\u002Ftimeline-editor-preview.mp4","https:\u002F\u002Fstatic.heygen.ai\u002Fhyperframes-oss\u002Fdocs\u002Fimages\u002Fshowcase\u002Ftimeline-editor-poster.jpg",[710,821,823,827,831,835],{"className":822},[751],[710,824,826],{"className":825},[755,756,757,758],"产品揭幕",[760,828,830],{"className":829,"id":830},[763,764,765,766,767],"时间轴编辑器发布",[692,832,834],{"className":833},[773,774,775,776],"\n包含 UI 模型、配音、音效、提示驱动的迭代以及围绕渲染视频微调的叙事弧线的发布揭幕视频。\n",[702,836,784],{"className":837,"href":838},[781,723,774,782,766,767],"https:\u002F\u002Fgithub.com\u002Fheygen-com\u002Fhyperframes-launches\u002Ftree\u002Fmain\u002Ftimeline-launch",[710,840,842,847],{"className":841},[722,723,724,725,726,727,728,729,730,731,732,733,734],[736,843],{"className":844,"src":845,"poster":846,"controls":746,"muted":746,"loop":746,"playsInline":746,"preload":747},[739,740,741,742,743],"https:\u002F\u002Fstatic.heygen.ai\u002Fhyperframes-oss\u002Fdocs\u002Fimages\u002Fshowcase\u002Ftexture-launch-preview.mp4","https:\u002F\u002Fstatic.heygen.ai\u002Fhyperframes-oss\u002Fdocs\u002Fimages\u002Fshowcase\u002Ftexture-launch-poster.jpg",[710,848,850,854,858,862],{"className":849},[751],[710,851,853],{"className":852},[755,756,757,758],"标题系统",[760,855,857],{"className":856,"id":857},[763,764,765,766,767],"纹理发布",[692,859,861],{"className":860},[773,774,775,776],"\n纹理遮罩排版、着色器背景和重转场的标题设计，作为完整的 HyperFrames 合成构建。\n",[702,863,784],{"className":864,"href":865},[781,723,774,782,766,767],"https:\u002F\u002Fgithub.com\u002Fheygen-com\u002Fhyperframes-launches\u002Ftree\u002Fmain\u002Ftexture-launch-video",[710,867,869,874],{"className":868},[722,723,724,725,726,727,728,729,730,731,732,733,734],[736,870],{"className":871,"src":872,"poster":873,"controls":746,"muted":746,"loop":746,"playsInline":746,"preload":747},[739,740,741,742,743],"https:\u002F\u002Fstatic.heygen.ai\u002Fhyperframes-oss\u002Fdocs\u002Fimages\u002Fshowcase\u002Fvfx-heygen-preview.mp4","https:\u002F\u002Fstatic.heygen.ai\u002Fhyperframes-oss\u002Fdocs\u002Fimages\u002Fshowcase\u002Fvfx-heygen-poster.jpg",[710,875,877,881,886,890],{"className":876},[751],[710,878,880],{"className":879},[755,756,757,758],"视觉特效系统",[760,882,885],{"className":883,"id":884},[763,764,765,766,767],"vfx-x-heygen-联合","VFX x HeyGen 联合",[692,887,889],{"className":888},[773,774,775,776],"\n融合 Three.js、HTML-in-canvas、生成媒体、文字动画和产品 UI 节点的渲染特效混剪。\n",[702,891,784],{"className":892,"href":893},[781,723,774,782,766,767],"https:\u002F\u002Fgithub.com\u002Fheygen-com\u002Fhyperframes-launches\u002Ftree\u002Fmain\u002Fvfx-heygen-combined",[692,895,896,897,902],{},"\u003Ca\nclass=\"group block overflow-hidden rounded-xl border border-zinc-200 bg-white shadow-sm transition hover:-translate-y-0.5 hover:shadow-lg dark:border-zinc-800 dark:bg-zinc-950\"\nhref=\"",[702,898,899],{"href":899,"rel":900},"https:\u002F\u002Fwww.hyperframes.dev\u002F",[901],"nofollow","\"",[904,905],"blockquote",{},[710,907,912],{"className":908},[739,740,909,910,911],"bg-zinc-950","p-6","text-white",[710,913,919,924],{"className":914},[915,916,917,918],"flex","h-full","flex-col","justify-between",[710,920,923],{"className":921},[774,922],"text-zinc-400","社区实验场",[710,925,926,931],{},[710,927,930],{"className":928},[929,765],"text-3xl","开放 · 二次创作 · 发布",[692,932,936],{"className":933},[781,934,774,935],"max-w-md","text-zinc-300","\n使用 hyperframes.dev 预览社区项目、分享你的作品，并在浏览器中持续迭代。\n",[710,938,940,944,949,953],{"className":939},[751],[710,941,943],{"className":942},[755,756,757,758],"实验场",[760,945,948],{"className":946,"id":947},[763,764,765,766,767],"hyperframesdev","hyperframes.dev",[692,950,952],{"className":951},[773,774,775,776],"\n托管社区平台，用于预览、迭代、分享和渲染 HTML 原生视频项目。\n",[710,954,956],{"className":955},[781,774,782,766,767],"打开实验场 ->",[706,958,959],{"id":959},"深入了解",[961,962,963,972],"ul",{},[964,965,966,971],"li",{},[967,968,969],"strong",{},[702,970,27],{"href":28},"\n阅读这些发布项目背后的制作笔记、项目结构和 Git LFS 克隆方式。",[964,973,974,981],{},[967,975,976],{},[702,977,980],{"href":978,"rel":979},"https:\u002F\u002Fgithub.com\u002Fheygen-com\u002Fhyperframes-launches",[901],"源码仓库","\n打开 HeyGen 发布合成的完整集合。",[706,983,984],{"id":984},"从用例出发",[986,987,988,1004],"table",{},[989,990,991],"thead",{},[992,993,994,998,1001],"tr",{},[995,996,997],"th",{},"如果你想构建...",[995,999,1000],{},"从这里开始",[995,1002,1003],{},"原因",[1005,1006,1007,1022,1036,1049,1062,1075,1092],"tbody",{},[992,1008,1009,1013,1019],{},[1010,1011,1012],"td",{},"产品发布公告",[1010,1014,1015],{},[702,1016,1018],{"href":783,"rel":1017},[901],"HyperFrames 发布",[1010,1020,1021],{},"展示包含多种动画运行时的完整发布叙事。",[992,1023,1024,1027,1033],{},[1010,1025,1026],{},"网站转视频产品导览",[1010,1028,1029],{},[702,1030,1032],{"href":811,"rel":1031},[901],"网站转 HyperFrames",[1010,1034,1035],{},"展示捕获的网站素材、Agent 提示、字幕、配音和音效。",[992,1037,1038,1041,1046],{},[1010,1039,1040],{},"产品 UI 揭幕",[1010,1042,1043],{},[702,1044,830],{"href":838,"rel":1045},[901],[1010,1047,1048],{},"展示模型、界面特写和功能叙事。",[992,1050,1051,1054,1059],{},[1010,1052,1053],{},"纹理或标题卡系统",[1010,1055,1056],{},[702,1057,857],{"href":865,"rel":1058},[901],[1010,1060,1061],{},"展示表现力丰富的文字处理和着色器驱动的运动效果。",[992,1063,1064,1067,1072],{},[1010,1065,1066],{},"重特效发布混剪",[1010,1068,1069],{},[702,1070,885],{"href":893,"rel":1071},[901],[1010,1073,1074],{},"在一次渲染中融合 Three.js、生成媒体和 HTML-in-canvas。",[992,1076,1077,1080,1084],{},[1010,1078,1079],{},"入门项目",[1010,1081,1082],{},[702,1083,23],{"href":24},[1010,1085,1086,1087,1091],{},"使用 ",[1088,1089,1090],"code",{},"npx hyperframes init --example \u003Cname>"," 搭建可运行的模板。",[992,1093,1094,1097,1102],{},[1010,1095,1096],{},"可复用的动效组件",[1010,1098,1099],{},[702,1100,1101],{"href":520},"组件库",[1010,1103,1104],{},"向现有合成添加组件和模块。",[706,1106,1107],{"id":1107},"本地运行",[692,1109,1110],{},"这些发布项目使用 Git LFS 管理视频、音频、图片和字体资产。克隆前请先安装 Git LFS，否则预览会打开指针文件而非真实媒体。",[1112,1113,1119],"pre",{"className":1114,"code":1115,"language":1116,"meta":1117,"style":1118},"language-bash shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","brew install git-lfs   # macOS, or your platform's git-lfs install\ngit lfs install\ngit clone https:\u002F\u002Fgithub.com\u002Fheygen-com\u002Fhyperframes-launches.git\ncd hyperframes-launches\u002Fwebsite-to-hyperframes\n\nnpx hyperframes preview\nnpx hyperframes render\n","bash","Terminal","",[1088,1120,1121,1141,1153,1164,1174,1180,1192],{"__ignoreMap":1118},[1122,1123,1126,1130,1134,1137],"span",{"class":1124,"line":1125},"line",1,[1122,1127,1129],{"class":1128},"sBMFI","brew",[1122,1131,1133],{"class":1132},"sfazB"," install",[1122,1135,1136],{"class":1132}," git-lfs",[1122,1138,1140],{"class":1139},"sHwdD","   # macOS, or your platform's git-lfs install\n",[1122,1142,1144,1147,1150],{"class":1124,"line":1143},2,[1122,1145,1146],{"class":1128},"git",[1122,1148,1149],{"class":1132}," lfs",[1122,1151,1152],{"class":1132}," install\n",[1122,1154,1156,1158,1161],{"class":1124,"line":1155},3,[1122,1157,1146],{"class":1128},[1122,1159,1160],{"class":1132}," clone",[1122,1162,1163],{"class":1132}," https:\u002F\u002Fgithub.com\u002Fheygen-com\u002Fhyperframes-launches.git\n",[1122,1165,1167,1171],{"class":1124,"line":1166},4,[1122,1168,1170],{"class":1169},"s2Zo4","cd",[1122,1172,1173],{"class":1132}," hyperframes-launches\u002Fwebsite-to-hyperframes\n",[1122,1175,1177],{"class":1124,"line":1176},5,[1122,1178,1179],{"emptyLinePlaceholder":746},"\n",[1122,1181,1183,1186,1189],{"class":1124,"line":1182},6,[1122,1184,1185],{"class":1128},"npx",[1122,1187,1188],{"class":1132}," hyperframes",[1122,1190,1191],{"class":1132}," preview\n",[1122,1193,1195,1197,1199],{"class":1124,"line":1194},7,[1122,1196,1185],{"class":1128},[1122,1198,1188],{"class":1132},[1122,1200,1201],{"class":1132}," render\n",[692,1203,1204],{},"如需跳过预先下载所有发布资产，可以先克隆仓库，然后只拉取你要运行的项目：",[1112,1206,1208],{"className":1114,"code":1207,"language":1116,"meta":1117,"style":1118},"GIT_LFS_SKIP_SMUDGE=1 git clone https:\u002F\u002Fgithub.com\u002Fheygen-com\u002Fhyperframes-launches.git\ncd hyperframes-launches\ngit lfs pull --include=\"website-to-hyperframes\u002F**\"\ncd website-to-hyperframes\n\nnpx hyperframes preview\n",[1088,1209,1210,1230,1237,1257,1264,1268],{"__ignoreMap":1118},[1122,1211,1212,1216,1220,1223,1226,1228],{"class":1124,"line":1125},[1122,1213,1215],{"class":1214},"sTEyZ","GIT_LFS_SKIP_SMUDGE",[1122,1217,1219],{"class":1218},"sMK4o","=",[1122,1221,1222],{"class":1132},"1",[1122,1224,1225],{"class":1128}," git",[1122,1227,1160],{"class":1132},[1122,1229,1163],{"class":1132},[1122,1231,1232,1234],{"class":1124,"line":1143},[1122,1233,1170],{"class":1169},[1122,1235,1236],{"class":1132}," hyperframes-launches\n",[1122,1238,1239,1241,1243,1246,1249,1251,1254],{"class":1124,"line":1155},[1122,1240,1146],{"class":1128},[1122,1242,1149],{"class":1132},[1122,1244,1245],{"class":1132}," pull",[1122,1247,1248],{"class":1132}," --include=",[1122,1250,902],{"class":1218},[1122,1252,1253],{"class":1132},"website-to-hyperframes\u002F**",[1122,1255,1256],{"class":1218},"\"\n",[1122,1258,1259,1261],{"class":1124,"line":1166},[1122,1260,1170],{"class":1169},[1122,1262,1263],{"class":1132}," website-to-hyperframes\n",[1122,1265,1266],{"class":1124,"line":1176},[1122,1267,1179],{"emptyLinePlaceholder":746},[1122,1269,1270,1272,1274],{"class":1124,"line":1182},[1122,1271,1185],{"class":1128},[1122,1273,1188],{"class":1132},[1122,1275,1191],{"class":1132},[692,1277,1278,1279,1282,1283,1286,1287,1290],{},"发布项目包含源 HTML、子合成、资产、渲染输出以及制作笔记（如 ",[1088,1280,1281],{},"STORYBOARD.md","、",[1088,1284,1285],{},"DESIGN.md"," 和 ",[1088,1288,1289],{},"HANDOFF.md","，视具体项目而定）。",[706,1292,1293],{"id":1293},"下一步",[961,1295,1296,1308,1316,1323],{},[964,1297,1298,1303,1304,1307],{},[967,1299,1300],{},[702,1301,1302],{"href":24},"入门示例","\n使用 ",[1088,1305,1306],{},"npx hyperframes init --example"," 搭建可二次创作的模板。",[964,1309,1310,1315],{},[967,1311,1312],{},[702,1313,923],{"href":899,"rel":1314},[901],"\n打开共享项目、预览视频并发布你的作品。",[964,1317,1318,1322],{},[967,1319,1320],{},[702,1321,72],{"href":73},"\n使用 Agent 友好的工作流将网站转化为渲染视频。",[964,1324,1325,1330],{},[967,1326,1327],{},[702,1328,1329],{"href":65},"流水线指南","\n了解大型视频背后的分镜、脚本、设计和渲染循环。",[1332,1333,1334],"style",{},"html pre.shiki code .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html pre.shiki code .sHwdD, html code.shiki .sHwdD{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#546E7A;--shiki-default-font-style:italic;--shiki-dark:#676E95;--shiki-dark-font-style:italic}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}",{"title":1118,"searchDepth":1125,"depth":1143,"links":1336},[1337,1338,1339,1340,1341],{"id":708,"depth":1143,"text":708},{"id":959,"depth":1143,"text":959},{"id":984,"depth":1143,"text":984},{"id":1107,"depth":1143,"text":1107},{"id":1293,"depth":1143,"text":1293},"可以观看、阅读、运行和二次创作的 HyperFrames 视频成品。","md",null,{},{"title":19,"description":1342},"RDCcd_CnCHlBr67ZwBUaE9sU5LE3c7zXpaPXb5fxV1k",[1349,1351],{"title":15,"path":16,"stem":17,"description":1350,"children":-1},"在两分钟内创建、预览和渲染你的第一个 Hyperframes 视频。",{"title":23,"path":24,"stem":25,"description":1352,"children":-1},"内置示例，涵盖常见的视频模式。悬停可预览动画效果。",1780322242388]