真實 WebGL,真實 3D LUT
LUT 即時預覽工具
匯入真正的 3D .cube LUT 檔案,透過真實的 WebGL 片段著色器與真正的三線性內插,預覽套用在你的即時畫面上的效果——而非用畫布濾鏡近似來代替。你的檔案永遠不會離開你的裝置。
載入 LUT
尚未載入 LUT — 顯示原始畫面。
說明
運作原理
你的 LUT 會被打包成一張 2D 材質,每個藍色通道切片各佔一格,這是無需 WebGL2 專屬 3D 材質支援即可實現 3D LUT 的標準技術。硬體雙線性過濾負責處理紅色與綠色軸;著色器則手動在兩個最接近的藍色切片格之間進行內插,以處理第三軸——這是真正的三線性內插,每一影格都即時運算。
參考資料
此工具讀取並驗證的內容
| 檢查項目 | 結果 |
|---|---|
| 3D .cube(LUT_3D_SIZE) | 支援 |
| 1D .cube(LUT_1D_SIZE) | 不支援 — 會標示出來,不會被靜默誤處理 |
| 非預設的 DOMAIN_MIN/MAX | 偵測並標示 |
| 資料行數不符 | 拒絕並附上具體錯誤訊息 |
這些都是此工具自身真正的解析檢查——格式錯誤的檔案會得到具體的錯誤訊息,而不是靜默產生錯誤結果。
逐步說明
如何預覽一個 LUT
- 點擊「開始攝影機」,並在系統提示時允許存取。
- 上傳一個 3D .cube 檔案,使用檔案選取器。
- 觀看 LUT 即時套用效果,透過 WebGL 著色器套用到你的即時畫面上。
- 切換 LUT 開關,直接與未經處理的畫面進行比較。
常見問題
常見問題集
我的 LUT 檔案會被上傳到任何地方嗎?
不會。檔案完全透過 WebGL 在你的瀏覽器中讀取並套用——它永遠不會離開你的裝置,這一點很重要,因為 LUT 通常是個人的或付費購買的創作資產。
這是真正的 3D LUT,還是一種近似模擬?
這是真正的 3D LUT,透過 WebGL 片段著色器以真正的三線性內插套用——而不是用簡化的色彩矩陣濾鏡來代替。
支援哪些 LUT 格式?
標準的 3D .cube 檔案(LUT_3D_SIZE)。不支援 1D .cube LUT。非預設的 DOMAIN_MIN/DOMAIN_MAX 值會被偵測並標示出來,而不是被靜默誤處理。
為什麼我的 LUT 檔案被拒絕了?
最常見的原因是資料行數與宣告的 LUT_3D_SIZE 不符、完全缺少 LUT_3D_SIZE 這一行,或是這是一個此工具不支援的 1D LUT 檔案。每種情況都會回報其具體原因,而不是靜默失敗。
我能用這個工具在套用於剪輯軟體之前先預覽 LUT 嗎?
可以——這正是設計的預期用途。在實際的剪輯或串流軟體中套用之前,先預覽真正的 3D LUT 在即時視訊上的效果。
為什麼這特別需要 WebGL?
在 3D 色彩查找表上進行三線性內插,是每個像素、每一影格都需要大量運算的工作——WebGL 具備 GPU 加速的片段著色器,能夠即時處理這項工作,這是普通的 JavaScript 畫布運算在即時視訊影格速率下無法跟上的。