
由此 Skill 渲染
一個免費的 HyperFrames 區塊,做 12 秒的精品感標題。你的標題被切成隨機種子產生的玻璃碎片,以 3D 加 HDR 攝影棚燈光算繪;碎片從兩側飛入,拼成文字,微微轉動停留,最後離場留下空畫面。碎片數量、圓角、倒角、時間、混亂度和霧氣都是變數。
更新於 2026年11月2日
你將得到
- 一支 12 秒、1920×1080 的 MP4 標題,真正的 3D 玻璃
- 標題由碎片拼合,再清空離場
- 碎片數、倒角、圓角、時間、混亂度和霧氣都有變數可調
適合
- 美妝、香水和珠寶新品發表
- 系列名稱和精品產品標題
- 高端品牌影片的開場
不適合
- 長標語或內文
- 想要平面色塊、明亮活潑的品牌
關於此 Skill
/glass-shard-title 幫我們的香水「Ambre Nuit」做一個玻璃碎片標題。時間用預設值,算繪成 1080p。
像吹製玻璃做出來的標題。Glass Shard Title 把你的標題點陣化,將字形切成玻璃碎片,再用 Three.js 搭配 HDR 攝影棚環境算繪,邊緣會映出真實的高光。碎片從左右兩側穿過柔和的霧氣飛入,卡進字裡,緩緩轉動停留一拍,再散開離場,留下乾淨的畫面接下一個鏡頭。
運作方式
- 提出需求:告訴助手標題要寫什麼,通常是產品名或系列名。
- 建置:它把區塊放進一個 HyperFrames 專案,把你的文案和顏色填成算繪變數。
- 預覽:它檢查幾格畫面,再用
npx hyperframes render算繪出 1920×1080 的 MP4。 - 重複使用:變數都在同一個 JSON 檔裡,換標題或換品牌,再算繪一次就好。
小訣竅
- 一到三個字詞最好讀;句子太長,碎片會變得很小。
- 霧氣調高,畫面更夢幻、更暗;調低則玻璃更清透。
- 碎片少,塊頭大而醒目;碎片多,就是細緻的馬賽克。
- 碎片飛走後,緊接著切一個產品鏡頭。
開源
這是 HyperFrames registry 裡的一個區塊,由 HeyGen 和 HyperFrames 貢獻者製作(heygen-com/hyperframes),以 Apache License 2.0 開源。下載的是區塊和它的素材,可以直接算繪;HyperFrames 本身從 npm 執行。
開始前需要準備
- 你需提供
- 你的標題(產品名或系列名效果最好)。
- 依賴
- Node.js 22 或更新版本——必要 · FFmpeg——必要
- 外部費用
- 沒有。HyperFrames 免費開源,在你自己的電腦上算繪。
- 最近測試
- v1.0.0 —
使用者評價
還沒有評價。安裝這個 Skill,成為第一個評分的人。
常見問題
需要顯示卡嗎?
不需要。它用 HyperFrames 下載的 Chrome 算繪,有 GPU 就用 GPU,沒有就用軟體算繪。12 秒的影片在筆電上大約一分鐘算完。
Reelity 改了什麼?
registry 原本在安裝時才下載的玻璃材質已經內附;GSAP 和 d3-delaunay 改從套件載入,不走 CDN;3D 腳本現在會等場景就緒才開始,修好了無頭算繪時的黑畫面。
為什麼免費?
這是 HeyGen 和 HyperFrames 貢獻者做的開源 Skill。我們原樣上架,範例是用我們自家品牌 Maison Vey 跑出來的。






