Tooll3 v3.6 功能縱覽色彩與漸變工作流、Dope-Sheet 自動(dòng)固定、符號(hào)瀏覽器智能排序與新增渲染算子【免費(fèi)下載鏈接】t3TiXL is an open source software to create realtime motion graphics.項(xiàng)目地址: https://gitcode.com/GitHub_Trending/t3/t3TiXLTooll3是一個(gè)用于創(chuàng)作實(shí)時(shí)動(dòng)態(tài)圖形的開源軟件位于本倉(cāng)庫(kù)根目錄本項(xiàng)目由 Core、Editor、Operators 等多個(gè)工程組成。本文基于倉(cāng)庫(kù)中.help/references/video-analysis/WK4j0H-oM3g.md這份官方 3.6 版本發(fā)布講解時(shí)長(zhǎng) 14:22的逐段分析記錄系統(tǒng)梳理 v3.6 的核心更新色彩與漸變工作流改進(jìn)、Dope-Sheet 自動(dòng)固定auto-pin、符號(hào)瀏覽器相關(guān)性排序與多連接能力、圖像特效著色器模板、按項(xiàng)目獨(dú)立保存的播放/音頻設(shè)置以及兩個(gè)新增算子RenderWithMotionBlur、DrawBillboards和自定義點(diǎn)著色器。讀完本文你將掌握每個(gè)新特性的操作入口、參數(shù)含義與底層源碼實(shí)現(xiàn)位置可直接在 TiXL 3.6 中復(fù)現(xiàn)視頻中的工作流。視頻內(nèi)容速覽時(shí)間區(qū)間主題講解深度0:28 → 2:13色彩編輯器色板、ImageLevels 直方圖、漸變插值與 RemapColor概念/參數(shù)/技巧2:23 → 3:07Dope-Sheet 自動(dòng)固定與 ShiftK 清除技巧3:07 → 4:49符號(hào)瀏覽器相關(guān)性排序、多連接概念/技巧4:49 → 7:14圖像特效著色器模板與自定義像素著色器概念/參數(shù)/示例7:14 → 8:40變體窗口與參數(shù)窗口分組技巧/參數(shù)8:40 → 10:20按項(xiàng)目播放/音頻設(shè)置、波形時(shí)間線、AudioReaction概念/示例10:20 → 13:43RenderWithMotionBlur、CustomPointShader、DrawBillboards概念/示例/技巧色彩與漸變工作流改進(jìn)色板Swatches項(xiàng)目級(jí)顏色審計(jì)在ColorEditor色彩編輯器中新增的色板會(huì)列出項(xiàng)目中用到的每一種顏色視頻 0:28→0:59。其關(guān)鍵交互是Ctrl點(diǎn)擊某個(gè)色塊編輯器會(huì)自動(dòng)選中并居中所有使用該顏色的算子方便你在整個(gè) Graph 中統(tǒng)一或?qū)徲?jì)一套調(diào)色板。這對(duì)于大型表演工程中統(tǒng)一某個(gè)品牌色/主題色非常實(shí)用——不必再逐個(gè)算子去比對(duì)顏色值。輸入格式切換不再手算顏色同一段演示還展示了 ColorEditor 的格式切換能力0:49→0:59直接點(diǎn)擊類型標(biāo)簽即可在 HSB、RGB 等輸入格式之間切換無需手工換算數(shù)值。這對(duì)依賴色相/亮度調(diào)節(jié)的場(chǎng)景尤其高效。ImageLevels實(shí)時(shí)顏色分布與裁切檢測(cè)ImageLevels算子源碼位于 Operators/Lib/Symbols/image/analyze/ImageLevels.cs可以掛在圖像上讀取某個(gè)緩沖切片buffer slice的實(shí)時(shí)顏色分布1:04→1:25。視頻中的演示技巧是把亮度推高后可以直觀看到哪些通道發(fā)生裁切clamp——這是排查過曝/溢出級(jí)別的利器。配合上游插入ColorGrade1:18→1:25把亮度拉高就能快速測(cè)試曝光推到多少會(huì)開始丟失細(xì)節(jié)。LinearGradient從線性到樣條插值LinearGradient源碼位于 Operators/Lib/Symbols/image/generate/basic/LinearGradient.cs默認(rèn)提供線性漸變但在 v3.6 中可以切換插值模式smooth平滑色標(biāo)stops之間的過渡明顯更柔和1:26→1:46spline樣條允許手動(dòng)調(diào)整色標(biāo)之間的漸變形態(tài)實(shí)現(xiàn)非常精細(xì)的漸變控制1:46→2:00。RemapColorPhotoshop 式曲線校色將RemapColor源碼位于 Operators/Lib/Symbols/image/color/RemapColor.cs與樣條漸變配合2:00→2:13可以對(duì)圖像施加 Photoshop 風(fēng)格的曲線校正——從微妙的調(diào)色到極端的色彩重映射都能實(shí)現(xiàn)。這條鏈路是 v3.6 色彩工作流的精髓樣條漸變負(fù)責(zé)曲線形狀RemapColor 負(fù)責(zé)把曲線映射到圖像上。Dope-Sheet 自動(dòng)固定Auto-PinDope-Sheet關(guān)鍵幀表在 v3.6 中默認(rèn)只顯示所選算子的關(guān)鍵幀2:23→3:07。新增的自動(dòng)固定auto-pin模式則會(huì)在你在算子之間跳轉(zhuǎn)時(shí)保持所有已動(dòng)畫參數(shù)始終可見——這避免了切到別的算子就看不到之前的動(dòng)畫曲線的困擾。需要重新開始一組動(dòng)畫時(shí)按ShiftK即可清除已固定的集合。相關(guān)實(shí)現(xiàn)位于 Editor/Gui/Windows/TimeLine/DopeSheetArea.cs。符號(hào)瀏覽器SymbolBrowser相關(guān)性排序與多連接v3.6 的符號(hào)瀏覽器用于添加算子做了兩處關(guān)鍵改進(jìn)3:07→4:49內(nèi)聯(lián)插入當(dāng)只選中一個(gè)算子時(shí)按Tab新算子會(huì)直接內(nèi)聯(lián)插入到連接中省去手動(dòng)重連統(tǒng)計(jì)相關(guān)性排序建議列表現(xiàn)在按統(tǒng)計(jì)使用頻率排序——例如人們通常會(huì)在兩個(gè)算子之間放什么這類高頻后繼算子會(huì)浮到頂部減少滾動(dòng)查找。參數(shù)上的快捷操作同樣值得一提從某個(gè)參數(shù)拖出連接線瀏覽器只會(huì)列出能驅(qū)動(dòng)該值的算子3:30→3:59選中一個(gè)動(dòng)畫算子后按Space可直接搜索它的預(yù)設(shè)preset——例如用某個(gè)波形wave shape去調(diào)制一個(gè)數(shù)值。視頻中現(xiàn)場(chǎng)輸入 AV 調(diào)出AnimValue把動(dòng)畫值接到參數(shù)上再選擇一個(gè)波形預(yù)設(shè)驅(qū)動(dòng)它3:36→3:59。多連接multi-connection選中多個(gè)算子拖出一條連接組瀏覽器會(huì)列出所有帶匹配多輸入multi-input的算子可以把多個(gè)源扇形匯聚到一個(gè)輸入里3:59→4:49之后按G自動(dòng)布局新組。視頻用PickTexture4:41→4:49作為多輸入目標(biāo)把多個(gè)圖像算子匯入一個(gè)組合輸入。圖像特效著色器模板從模板生成圖像特效在File New中可以選擇圖像特效模板4:49→5:42系統(tǒng)會(huì)把所需資源resources復(fù)制到你的命名空間在你的編輯器中打開生成的著色器。視頻推薦使用VS Code HLSL Tools 擴(kuò)展獲得高亮、自動(dòng)補(bǔ)全和錯(cuò)誤波浪線。生成效果與參數(shù)化生成的默認(rèn)效果是一個(gè)邊緣檢測(cè)detect-edges模板5:42→6:27帶可配置設(shè)置例如紋理模式可設(shè)為 Wrap。通過其上下文菜單可以添加類型化輸入?yún)?shù)——例如一個(gè) Vector2 會(huì)被拆成兩個(gè) float 并接到著色器的參數(shù)緩沖區(qū)parameter buffer上。這讓你無需手寫 HLSL 的 cbuffer 聲明即可快速參數(shù)化效果。自定義像素著色器UV 位移實(shí)例在文件頂部的緩沖區(qū)中聲明frequency/amplitude參數(shù)后6:27→7:14在 UV 坐標(biāo)上加一個(gè)正弦偏移即可得到實(shí)時(shí)位移效果注意amplitude 為零時(shí)畫面不會(huì)動(dòng)——這正是調(diào)試時(shí)的關(guān)鍵檢查點(diǎn)。CustomPixelShader算子位于 Operators/Lib/Symbols/point/modify/CustomPointShader.cs 對(duì)應(yīng)的像素著色器路徑中輸入包括ShaderCode、AdditionalDefines、TemplateFile、ShaderResources與ConstantBuffers等與視頻中聲明參數(shù)→寫 shader→實(shí)時(shí)驅(qū)動(dòng)的流程一一對(duì)應(yīng)。變體窗口與參數(shù)窗口變體窗口VariationWindow7:14→7:45選中一個(gè)效果選擇要變化的參數(shù)即可生成隨機(jī)變體隨機(jī)強(qiáng)度可調(diào)滿意的結(jié)果可直接保存為預(yù)設(shè)preset。參數(shù)窗口ParameterWindow7:45→8:40按參數(shù)獨(dú)立設(shè)置——在組名后追加...可以讓該組默認(rèn)折疊但被修改過的參數(shù)仍會(huì)顯示還可以提高顯示精度以及添加單位后綴例如標(biāo)記旋轉(zhuǎn)角度。實(shí)現(xiàn)位于 Editor/Gui/Windows/ParameterWindow.cs。按項(xiàng)目Per-Project播放與音頻設(shè)置v3.6 重新設(shè)計(jì)了項(xiàng)目設(shè)置中的播放/音頻部分8:40→9:54實(shí)現(xiàn)位于 Editor/Gui/Windows/TimeLine/ProjectSettingsWindow.cs啟用播放設(shè)置后可選擇soundtrack配樂或live-performance現(xiàn)場(chǎng)表演模式設(shè)置BPM以及針對(duì)不在正拍上開始的曲目的同步偏移sync offset時(shí)間線標(biāo)尺單位可選bars小節(jié)/ seconds秒/ frames幀現(xiàn)場(chǎng)模式下額外支持tap-tempo打拍定速VJ 播放和外部 MIDI 時(shí)鐘同步。配樂模式下一旦指定了 soundtrack時(shí)間線背景會(huì)渲染音頻波形9:13→9:33方便把關(guān)鍵幀對(duì)齊到音樂的鼓點(diǎn)上。AudioReaction音頻驅(qū)動(dòng)效果視頻演示了音頻反應(yīng)工作流9:54→10:20選擇音頻輸入設(shè)備通過電平表設(shè)置增益然后創(chuàng)建AudioReaction算子并連接到場(chǎng)景上驅(qū)動(dòng)音畫同步效果所選設(shè)備與增益會(huì)按項(xiàng)目保存。源碼層面Operators/Lib/Symbols/io/audio/AudioReaction.cs可以印證其能力遠(yuǎn)超一個(gè)電平值輸出Level電平、WasHit是否命中節(jié)拍與HitCount命中計(jì)數(shù)均帶DirtyFlagTrigger.Animated觸發(fā)輸入模式InputModesRawFft、NormalizedFft、FrequencyBands、FrequencyBandsPeaks、FrequencyBandsAttacks輸出模式OutputModesPulse、TimeSinceHit、Count、Level、AccumulatedLevel可調(diào)參數(shù)包括Amplitude、WindowCenter、WindowEdge、WindowWidth、Threshold、MinTimeBetweenHits、Bias與Reset還支持通過Source多輸入指定只分析某些音頻源并通過Result輸出透?jìng)鞯囊纛l圖節(jié)點(diǎn)。新增算子一RenderWithMotionBlur真實(shí)運(yùn)動(dòng)模糊RenderWithMotionBlur10:20→11:05通過多趟渲染實(shí)現(xiàn)真實(shí)運(yùn)動(dòng)模糊每一趟把時(shí)間微微偏移time nudged累積各趟結(jié)果從而得到隨運(yùn)動(dòng)產(chǎn)生的拖影。它對(duì)快速運(yùn)動(dòng)的動(dòng)畫粒子效果尤其出色視頻演示中配合FractalNoise生成的點(diǎn)云粒子10:33→10:44驗(yàn)證了這一點(diǎn)官方建議給它喂入相機(jī) MSAA 渲染的場(chǎng)景。源碼Operators/Lib/Symbols/image/use/RenderWithMotionBlur.cs顯示其輸入極簡(jiǎn)僅三個(gè)輸入類型說明TextureTexture2D要施加運(yùn)動(dòng)模糊的場(chǎng)景紋理Passesint累積趟數(shù)趟數(shù)越多模糊越連續(xù)Strengthfloat每趟時(shí)間偏移/強(qiáng)度值得注意的是AudioReaction的源碼會(huì)檢查__MotionBlurPass這一上下文變量并跳過非首趟的計(jì)算——說明運(yùn)動(dòng)模糊趟是作為求值上下文變量傳遞的音頻分析不會(huì)在每一趟被重復(fù)觸發(fā)避免性能浪費(fèi)。這正是多趟渲染機(jī)制的底層證據(jù)。新增算子二DrawBillboards統(tǒng)一點(diǎn)繪制DrawBillboards12:34→13:43把以往多種點(diǎn)繪制方法合并為一個(gè)靈活算子。其關(guān)鍵能力顏色變化color variations可以把點(diǎn)的w屬性映射為逐點(diǎn)顏色12:34→13:03紋理圖集模式texture-atlas mode喂入紋理并啟用后每個(gè)點(diǎn)可以取用圖集中的不同精靈格sprite cell13:03→13:43圖集可以程序化構(gòu)建——把視口切片成網(wǎng)格用循環(huán)索引在每個(gè)格子中放置字符視頻中TextSprites13:18→13:43源碼位于 Operators/Lib/Symbols/render/sprite/TextSprites.cs就是干這個(gè)的。源碼Operators/Lib/Symbols/point/draw/DrawBillboards.cs給出了完整的參數(shù)面板主要分四組變換組Scale、StretchVector2、UseWForScale、UsePointScale、OffsetVector3、Orientation枚舉Billboard/RotatedBillboard/PointRotation、RotateZ、RotationAxis隨機(jī)組Randomize、RandomPhase、RandomPosition、RandomRotate、RandomScale顏色/縮放分布組ColorVector4、ColorVariationMode與ScaleDistribution共用枚舉RandomWithPhase/Scatter/Spread/UseW/UseFogDistance、ColorVariationsGradient、ScalesCurve、SpreadLength/SpreadPhase/SpreadPingPong/SpreadRepeat紋理/混合組Texture_、AtlasMode、AtlasSizeInt2、FxTexture/FxTextureModeUseColor/UseAs_RotateScaleScatter、FxTextureAmount、BlendMode、EnableDepthWrite、AlphaCut、TooCloseFadeOut。其中UseW分布模式即視頻中把 w 屬性映射為逐點(diǎn)顏色/縮放的底層開關(guān)AtlasModeAtlasSize則是精靈圖集工作流的實(shí)現(xiàn)載體。自定義點(diǎn)著色器CustomPointShaderCustomPointShader11:05→12:21源碼位于 Operators/Lib/Symbols/point/modify/CustomPointShader.cs可以插在繪制點(diǎn)之后對(duì)每個(gè)點(diǎn)運(yùn)行一段即時(shí)編譯的 GPU 片段。其核心機(jī)制每個(gè)點(diǎn)暴露一個(gè)f變量在整個(gè)點(diǎn)集上從 0 運(yùn)行到 1寫position可得到正弦位移寫w屬性可得到波狀字段性能足以處理數(shù)百萬個(gè)點(diǎn)。實(shí)現(xiàn)方式上它使用**字符串替換string-replacement**把你的片段拼接到模板中11:28→11:35——這等價(jià)于從菜單模板創(chuàng)建一個(gè)完整的計(jì)算著色器算子但實(shí)驗(yàn)成本低得多。其輸入包括Points、Offset、A/B/C/D四個(gè) float、GainAndBiasVector2、ImageTexture2D、Gradient、ShaderCode、AdditionalDefines、TemplateFile、Count、ShaderResources多輸入、ConstantBuffers多輸入、TimeScale和FieldShaderGraphNode輸出為變換回調(diào)槽BufferWithViews并實(shí)現(xiàn)ITransformable支持平移變換。驅(qū)動(dòng)真實(shí)幾何把生成的隨機(jī)點(diǎn)集換成已加載網(wǎng)格的頂點(diǎn)MeshVerticesToPoints12:21→12:34源碼位于 Operators/Lib/Symbols/point/generate/MeshVerticesToPoints.cs就能讓逐點(diǎn)著色器作用在真實(shí)幾何上。該算子的輸入為MeshMeshBuffers、Wfloat可賦予頂點(diǎn)初始 w 值與OffsetByTBNVector3可沿切線/副切線/法線偏移頂點(diǎn)。結(jié)語(yǔ)v3.6 的更新呈現(xiàn)出清晰的脈絡(luò)編輯器側(cè)的少操作、多智能色板審計(jì)、Dope-Sheet 自動(dòng)固定、瀏覽器統(tǒng)計(jì)排序、Tab 內(nèi)聯(lián)插入與渲染側(cè)的少而全DrawBillboards 合并點(diǎn)繪制、CustomPointShader 快速 GPU 實(shí)驗(yàn)、RenderWithMotionBlur 多趟真實(shí)模糊。本文對(duì)應(yīng)的原始講解視頻分析記錄位于 .help/references/video-analysis/WK4j0H-oM3g.md所有算子源碼均可在倉(cāng)庫(kù)Operators/Lib/Symbols/目錄下按image/、point/、io/等分類繼續(xù)深入閱讀。【免費(fèi)下載鏈接】t3TiXL is an open source software to create realtime motion graphics.項(xiàng)目地址: https://gitcode.com/GitHub_Trending/t3/t3創(chuàng)作聲明：本文部分內(nèi)容由AI輔助生成（AIGC），僅供參考