工具概覽
The Decrypt Reveal 是一個免費、開放的工作流，用於建立互動式影像效果：一張照片變成一個隱藏著第二個被破壞的真相的場景。該效果使用同一場景的兩張影像，生成時保證畫素對齊並上下疊放。CSS 的 mask-image 徑向漸變在頂部影像上切出一個柔和的孔洞，JavaScript 讓該孔洞向光標移動。
第二層由第一層通過圖生圖提示詞生成，該提示詞以要求畫素級一致構圖的版面法則開頭。該工作流描述了一條流水線，其中每個派生素材都由已鎖定的上一階段生成，絕不直接來自原始照片。階段包括場景、廣播影像、變體、深度圖和閃爍幀。
該效果以圖層堆疊方式構建，僅對 opacity、transform、clip-path 和 mask 變數做動畫，因此在手機上也能流暢執行。可選的深度視差使用免費的深度估計器和 WebGL 著色器。網站還列出了降低動效回退、WebGL 回退、DPR 上限和離屏暫停等防護措施。
定價
價格與限制可能變動，請以官網為準，並確認幣別、付款週期、最低席位數和用量上限。
應用場景
- 團隊用 The Decrypt Reveal 把一張照片變成隱藏著第二個被破壞的真相的場景。
- 團隊用 The Decrypt Reveal 使用任意 AI 工具生成自己的影像，併發布零依賴指令碼。
- 團隊用 The Decrypt Reveal 構建靜態鏡片演示：兩張疊放的影像、一個遮罩鏡片和長按解密互動。
- 團隊用 The Decrypt Reveal 藉助免費的深度估計器和邊緣感知著色器，從單張照片新增深度視差。
- 團隊用 The Decrypt Reveal 通過在重新抖動的廣播幀之間切換不透明度，讓圓點像 CRT 一樣爬動。
- 團隊用 The Decrypt Reveal 僅對合成器開銷低的屬性做動畫，讓效果在手機上流暢執行。
- 團隊用 The Decrypt Reveal 新增降低動效回退、WebGL 回退、DPR 上限和離屏暫停等防護措施。
功能特色
製作互動式影像揭示效果
在照片場景中隱藏第二張影像
呈現被隱藏的破損畫面
探索 CSS 遮罩技法
探索深度圖技法
使用者評論
還沒有評論，來分享你的使用體驗吧