尧图网站设计 尧图网站设计YAOTU DESIGN
ARTICLE DETAIL

资讯详情

深耕网站设计与一线实操的经验洞察。

TiXL 中 AfterGlow2 算子实战指南:为运动画面打造可调余辉拖影效果的完整解析

TiXL 中 AfterGlow2 算子实战指南:为运动画面打造可调余辉拖影效果的完整解析 音视频图形学桌面应用【免费下载链接】t3TiXL is an open source software to create realtime motion graphics.项目地址https://gitcode.com/GitHub_Trending/t3/t3点击查看免费下载AfterGlow2 是 TiXL 实时动态图形软件中Lib.image.fx.feedback反馈效果库的一员专门为移动画面Moving Images创建余辉Afterglow效果——物体运动后留下逐渐衰减的发光拖影。本文以仓库中的 AfterGlow2 算子文档 为核心骨架结合其源码、符号定义与 UI 配置完整讲解 AfterGlow2 的 6 个输入参数、2 个输出端口的含义与默认值、内部子图实现原理以及如何将其嵌入 PostFX 后处理管线。读完本文你将能在 TiXL 中熟练调出拖影长短、辉光强度、模糊程度、叠加色调等各类余辉观感并理解这类帧间反馈累积效果的底层数据流。AfterGlow2 在 TiXL 算子库中的定位AfterGlow2 归属于Lib.image.fx.feedback命名空间仓库中与之对应的源码为 AfterGlow2.cs。从算子库索引 feedback 目录 README 可以看到该目录集中了 TiXL 中所有基于反馈Feedback机制的图像效果算子AfterGlow / AfterGlow2—— 为移动图像创建余辉拖影效果其中 AfterGlow2 是较新版本FluidFeedback—— 反馈与位移Displacement组合的流体化示例AdvancedFeedback—— 更强大但更难控制的进阶反馈效果会利用边缘检测并稳定反馈缓冲区的数值范围AdvancedFeedback2—— 基于 OKLab 色彩空间改进的反馈效果SimpleLiquid / SimpleLiquid2—— 移植自 Shadertoy 的简单细节流体效果。原文档还指出AfterGlow2 适合与以下算子共同构建一条完整的 PostFX 后处理管线MotionBlur运动模糊、DepthOfField景深、ChromaticAberration色差、Glow辉光、Grain颗粒、Blur模糊。这些算子与 AfterGlow2 一样都位于图像特效家族中可以在 TiXL 节点图里串成先拖影、再模糊、再加辉光的复合风格化流程。需要区分的是AfterGlow2 属于帧间反馈类效果同一画面的历史帧不断累积与 AfterGlow 旧版同源。旧版 AfterGlow.cs 额外暴露了ContrastOffset2对比度偏移与Resolution分辨率两个输入AfterGlow2 则精简掉这两个参数改用OrgColor原图着色参数并把输入分组为 SettingsDecayRate、GlowImpact、BlurAmount与 ColorColor、OrgColor两组交互上更直观。输入参数详解含默认值与取值范围原文档完整列出了 AfterGlow2 的 6 个输入参数。以下表格在继承原文档描述的基础上补充了从符号定义 AfterGlow2.t3 与界面配置 AfterGlow2.t3ui 中确认的默认值、取值范围与分组信息名称相关性 类型原文档描述默认值界面范围/约束UI 分组ImageTexture2D—null任意纹理输入—DecayRateSingle定义余辉衰减的快慢0.0156666670 ~ 1ClampMin ClampMax步长 Scale0.001SettingsGlowImpactSingle控制辉光效果的强度0.70 ~ 1ClampMin步长 Scale0.01SettingsBlurAmountSingle控制余辉产生的图像被模糊的程度2.00 ~ 10ClampMinSettingsColorVector4定义添加到余辉上的颜色(1, 1, 1, 1)无范围约束ColorOrgColorVector4定义添加到原始图像上的颜色(1, 1, 1, 1)0 ~ 1ClampMin ClampMaxColor各参数的实际作用可从源码中的槽位定义逐一对应Image输入纹理对应 AfterGlow2.cs 中的InputSlotTexture2D Image是效果的数据源通常接入视频、渲染场景或上一级特效的输出DecayRate余辉衰减速率。值越大历史帧残留消失得越快拖影越短值接近 0 时残影滞留很久产生长拖尾。UI 中将取值范围钳制在 0~1 之间并提供 0.001 的精细步长便于微调GlowImpact辉光强度。从 AfterGlow2.t3 的连接关系可以看到它被送入内部Blur节点的Opacity不透明度输入即通过控制模糊层的不透明度来调节辉光强弱BlurAmount模糊量。同样从符号定义可见它被接到内部Blur节点的Size模糊尺寸输入负责把余辉图像糊开产生柔和的弥散拖影Color加到余辉层上的颜色。它接入内部DrawScreenQuad节点用指定颜色给残影重新着色例如注入偏暖或偏冷的色调OrgColor加到原始图像上的颜色。它接入内部Blend节点的ColorA输入对当前帧原图做统一染色实现原图调色 余辉着色的双通道控制这是 AfterGlow2 相对旧版 AfterGlow 的差异化能力。输出端口名称类型OutputT3.Core.DataTypes.Texture2DCombinedLayersT3.Core.DataTypes.Command两个输出端口在 AfterGlow2.cs 中分别声明为SlotTexture2D与SlotCommandOutput合成后的余辉效果纹理供后续算子继续处理或直接显示CombinedLayers一个 Command 类型输出代表内部图层合并后的绘制命令。在 TiXL 中Command输出可被合入更大的渲染流程如输出到主渲染目标或与其他 Command 复合可用于把内部合成的多层结果整体提交给渲染管线。内部实现原理从符号子图看帧间反馈累积AfterGlow2 是一个组合算子Composite Operator其核心逻辑并不在 C# 中硬编码而是通过 AfterGlow2.t3 定义的子图Children与连接Connections装配而成。从符号定义可以推断其内部数据流大致为取尺寸GetTextureSize读取输入Image的分辨率经ScaleSizeScale1.0后作为RenderTarget的Resolution输入保证离屏渲染目标与源图尺寸一致离屏渲染目标RenderTarget配置为Multisampling44x MSAA 抗锯齿、Clearfalse不清屏ClearColor 为接近纯黑的极小值(1.49e-8, 1.49e-8, 0, 0)。不清屏是余辉效果的关键——上一帧绘制的内容会保留在缓冲区中与当前帧叠加从而形成历史帧的累积残影原图染色Blend节点把OrgColorColorA与输入ImageColorB混合得到被着色的当前帧然后交给Execute绘制到渲染目标上余辉着色与模糊DrawScreenQuad使用Color输入给残影着色BlendMode1随后Blur节点默认 Offset-0.04、Samples8、Size≈2.02、Opacity≈0.7333、Resolution1280×720对图像进行模糊。这里BlurAmount→Size、GlowImpact→Opacity、DecayRate经Vector4调制后的颜色层Layer2d 的 Color 值约(0, 0, 1e-6, 0.008)带极低透明度→模糊层不透明度共同构成模糊 辉光 衰减的合成分层输出多个Layer2d节点BlendMode 分别为 1 与 0其中一个 Stretch(4,1)、ScaleMode4把各层组合最终输出到OutputTexture2D与CombinedLayersCommand两个端口。整体上AfterGlow2 的余辉本质是不清屏的渲染目标 每帧衰减遮罩 模糊辉光 双路染色的组合历史帧在缓冲区内持续累积DecayRate控制的衰减遮罩让旧帧逐帧淡出BlurAmount/GlowImpact让残影柔和发光Color/OrgColor分别给残影与原图着色。实战用法把 AfterGlow2 接入 PostFX 管线结合原文档的建议AfterGlow2 的典型使用方式如下搭建输入链将视频、粒子渲染或场景纹理接入Image输入。由于效果依赖帧间信息输入应随时间变化如移动的对象、滚动的画面静止画面几乎看不到余辉调拖影长短先调DecayRate。想要短促利落的拖尾把值提高到 0.05~0.1想要绵长的流光降到 0.005~0.01。UI 的 0.001 步长适合精细调节调辉光观感用GlowImpact0~1控制模糊层的强度用BlurAmount0~10控制拖影的弥散范围。两者配合可以做出硬边拖尾低 BlurAmount或霓虹光带高 BlurAmount 高 GlowImpact两种风格双路调色Color决定残影颜色例如用青色/洋红营造赛博朋克氛围OrgColor决定原图色调例如略微暖化或冷化当前帧两个 Vector4 的 RGBA 分量可独立驱动也可连接参数动画随时间渐变串联其他后处理AfterGlow2 的Output输出纹理可继续接入 MotionBlur、DepthOfField、ChromaticAberration、Glow、Grain、Blur 等 PostFX 算子形成完整风格化管线CombinedLayers的 Command 输出可汇入更大的合成流程对比旧版 AfterGlow若需要额外的对比度偏移ContrastOffset2或手动指定Resolution可改用 AfterGlow若追求更可控、更稳定的反馈行为可研究 AdvancedFeedback 与 AdvancedFeedback2。仓库文件速查文件作用.help/docs/operators/lib/image/fx/feedback/AfterGlow2.md算子文档本文主体.help/docs/operators/lib/image/fx/feedback/README.mdfeedback 算子库索引Operators/Lib/Symbols/image/fx/feedback/AfterGlow2.csC# 槽位定义Guid、输入输出声明Operators/Lib/Symbols/image/fx/feedback/AfterGlow2.t3符号定义子图结构、连接关系与参数默认值Operators/Lib/Symbols/image/fx/feedback/AfterGlow2.t3ui界面配置参数范围、Clamp 约束、分组与描述Operators/Lib/Symbols/image/fx/feedback/AfterGlow.cs旧版 AfterGlow 的 C# 定义对比参考小结AfterGlow2 是 TiXL 中实现运动余辉拖影最直接、参数最聚焦的算子之一6 个输入覆盖了源图像、衰减速率、辉光强度、模糊量、残影着色与原图着色2 个输出分别提供纹理与 Command 两种消费方式。其核心实现依赖不清屏渲染目标 衰减遮罩 模糊层的帧间累积机制这一点已由 AfterGlow2.t3 的子图结构印证。将它与 MotionBlur、DepthOfField、ChromaticAberration、Glow、Grain、Blur 等算子串联即可在实时动效中快速构建出富有层次的 PostFX 风格化管线。赞分享音视频图形学桌面应用【免费下载链接】t3TiXL is an open source software to create realtime motion graphics.项目地址https://gitcode.com/GitHub_Trending/t3/t3点击查看免费下载相关推荐tsParticles External Trail 交互插件为鼠标轨迹打造粒子拖尾效果的完整实战指南tsParticles External Trail 交互插件为鼠标轨迹打造粒子拖尾效果的完整实战指南 本篇基于 tsParticles 官方仓库中 inte前端ThreeJS-water零基础打造电影级3D水面效果的完整实战指南ThreeJS water零基础打造电影级3D水面效果的完整实战指南 ThreeJS water是一个基于Three.js框架实现的高性能3D水面模拟项目它图形学3D渲染如何用Slint粒子系统快速打造惊艳动态效果从入门到精通的完整指南如何用Slint粒子系统快速打造惊艳动态效果从入门到精通的完整指南 Slint 是一个声明式的图形用户界面GUI工具包专为 Rust、C 或 Jav前端UI组件桌面应用嵌入式移动开发跨平台创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考
返回列表