TiXL BlendImages 算子深度解析用浮点索引对多输入图像实现交叉淡化【免费下载链接】t3TiXL is an open source software to create realtime motion graphics.项目地址: https://gitcode.com/GitHub_Trending/t3/t3TiXL 是一款用于创作实时动态图形的开源软件本文聚焦其算子库中Lib.image.use类别下的BlendImages算子讲解它如何通过一个浮点索引对多个连接的输入图像进行交叉淡化cross-fading。读完本文你将掌握该算子的全部输入参数与输出类型、其内部子图PickTexture Blend的工作机制、底层 HLSL 混合着色器的原理以及分辨率不一致时的正确用法可直接用于滑片切换、纹理轮播等实时演出场景。算子定位Lib.image.use 家族中的“多图混合器”根据官方文档 BlendImages.md 的描述Blends the connected input images with cross-fading and using a float index.BlendImages 的作用是将多个连接的输入图像混合在一起混合过程由一个浮点float索引驱动索引的整数部分决定“当前显示第几张图”小数部分决定两张相邻图之间的交叉淡化进度。它归属于 Lib.image.use 类别与 Blend、BlendWithMask、Combine3Images 等算子共同构成 TiXL 图像混合工具集。输入参数与输出官方文档给出了完整的参数表结合源码 BlendImages.cs 与配置文件 BlendImages.t3ui 可以补充每个参数的默认值与 UI 约束名称相关性与类型说明默认值 / UI 范围来自 .t3ui/.t3BlendFractionSingle浮点混合索引控制选择哪张输入图以及交叉淡化进度默认0.0UI 范围-1.0 ~ 16383.0启用 ClampMin/ClampMaxInputTexture2DRequired输入图像多路输入可同时连接多张纹理默认null标记为 RequiredResolutionInt2显式指定输出分辨率默认(0, 0)表示自动UI 范围-1 ~ 16384启用 ClampMin/ClampMax输出名称类型OutputImageT3.Core.DataTypes.Texture2D关键点Input在源码中声明为MultiInputSlotTexture2D见 BlendImages.cs这意味着它是一个多路输入槽可以连接任意数量的纹理这也是“循环浏览多个输入图像”能力的基础。相比之下BlendFraction和Resolution都是单值输入槽。内部机制PickTexture 与 Blend 的组合子图BlendImages 并非一个直接调用着色器的叶子算子而是一个由多个子算子组合而成的复合算子。从符号定义文件 BlendImages.t3 的Children与Connections可以完整还原其内部子图Clamp对BlendFraction进行钳制子图配置中Max为10000.0防止索引越界FloatToInt将钳制后的浮点索引取整得到当前纹理的整数序号PickTexture第一个以该整数序号从多路Input中选择“当前图像 A”对应连接12a875e2…→2743cd73…的 Input序号 → IndexAddInt在序号上1Input2默认值1得到下一张图的序号PickTexture第二个以序号1选择“下一张图像 B”Modulo对钳制后的BlendFraction取模提取小数部分RgbaToColor将小数部分转换为颜色值Blend接收图像 A、图像 B 与来自RgbaToColor的颜色执行最终混合输出到OutputImage。连接关系同时表明Resolution直接透传给内部Blend节点的Resolution输入Blend的输出536fae14…连到根输出的OutputImage83ad8874…。由此可以推断其工作流程为整数部分决定“正在显示哪张图”选中第 N 张整数部分 1决定“即将切到哪张图”第 N1 张小数部分作为淡化系数在两图之间做平滑交叉淡化。当BlendFraction持续增长例如接上时间轴、节拍同步或噪声动画时就能在全部输入纹理上循环轮播并自然过渡。由于内部使用了Modulo与Clamp超过输入数量的索引会循环或钳制回有效范围。底层着色器Blend.hlsl 的混合语义内部Blend节点在 Blend.t3 中配置其 ShaderPath 为Lib:shaders/img/fx/Blend.hlsl对应仓库文件 Blend.hlsl。着色器以ImageA、ImageB两张纹理采样为基础核心混合公式为float4 tA ImageA.Sample(texSampler, uv) * ImageAColor; float4 tB ImageB.Sample(texSampler, uvB) * ImageBColor; float3 rgbNormalBlended (1.0 - tB.a) * tA.rgb tB.a * tB.rgb;即默认的Normal 模式ColorMode 0下RGB 通道按ImageB的 alpha 对两张图线性插值——这正是交叉淡化的本质。Alpha 通道默认采用tA.a tB.a - tA.a * tB.a标准 alpha 叠加。着色器还内置了 Screen、Multiply、Overlay、Difference、Max、Sub 等 RGB 混合模式以及 Multiply、Additive、Max 等 Alpha 模式见 Blend.hlsl 的 switch 分支而Blend算子的枚举定义可在 Blend.cs 中查阅。另外值得注意的是BlendImages 子图中的Blend节点被预设为ScaleMode 1对应Fit见 Blend.t3 与 Blend.cs 的 ScaleModes 枚举。在Fit模式下着色器会按宽高比差异对uvB进行缩放适配见 Blend.hlsl从而保证不同宽高比的图像在混合时能正确对齐。分辨率一致性官方明确的使用注意官方文档特别提示Please note: this will lead to inconsistent behavior if used with images of varying resolution unless you set an explicit resolution.即当输入图像分辨率不一致时若不显式设置Resolution混合结果可能不一致。因此在实际使用中若所有输入图像分辨率相同保持Resolution为默认(0, 0)自动即可若输入图像分辨率不同建议显式指定ResolutionInt2例如1920, 1080让内部Blend在统一分辨率下输出避免因逐输入采样尺寸不同而出现抖动或错位Resolution的 UI 约束范围为-1 ~ 16384见 BlendImages.t3ui取值超出会被钳制。实战用法建议幻灯片式交叉淡化将多张静态/视频纹理连入Input把BlendFraction接到随时间增长的表达式如Time * 0.5即可让画面在输入图像之间自动循环切换并交叉淡化节拍驱动切换将BlendFraction接到 TiXL 的节拍同步或 BPM 相关数值使切换节奏跟随音乐手动控制直接对BlendFraction做动画/曲线调制小数部分在 0~1 之间即表现为两张相邻图像的淡化过程整数部分递增即完成“翻页”与 PickTexture 对比若只需要“选中某一张图”而不需要淡化过渡可参考 PickTexture——它同样基于整数索引选择多路输入中的一路但只更新被选中的连接不产生混合。相关算子速查BlendImages 属于 TiXL 图像混合家族官方文档列出的同类算子包括Blend — 混合两张图像BlendImages 的内部核心BlendWithMask — 通过第三张遮罩图的亮度混合两张图像Combine3Images — 将三张输入图像组合进一张新图像的 RGBA 通道。源码导航若想深入研读实现可按以下路径继续探索算子声明Operators/Lib/Symbols/image/use/BlendImages.cs符号子图与连接Operators/Lib/Symbols/image/use/BlendImages.t3UI 布局与参数约束Operators/Lib/Symbols/image/use/BlendImages.t3ui内部 Blend 算子Operators/Lib/Symbols/image/use/Blend.cs混合着色器实现Operators/Lib/Assets/shaders/img/fx/Blend.hlsl类别总览.help/docs/operators/lib/image/use/README.md【免费下载链接】t3TiXL is an open source software to create realtime motion graphics.项目地址: https://gitcode.com/GitHub_Trending/t3/t3创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考
企业数字化 ERP 产品动态
相关推荐
Recordly扩展API完全指南：开发光标特效、渲染钩子与设备框架扩展 Recordly扩展API完全指南：开发光标特效、渲染钩子与设备框架扩展 【免费下载链接】Recordly Create polished demo videos without editing skills. Mac/Windows/Linux 项目地址: https://gitcode.com/gh_mirrors/re/Recordly
Recordly 是一款开源的屏幕录制… · 2026/9/20 22:24:48
通达信主力成本与短期底部指标：源码解析、安装避坑与实战优化 简介：这是一份通达信指标公式源码文档，面向使用通达信软件进行技术分析的投资者、量化爱好者及进阶股民，用于快速搭建包含主力成本、短期底部、多周期均线、买卖点预警的看盘与选股体系。文档以完整公式代码呈现，核心逻辑包括&… · 2026/9/20 22:24:48
UI-TARS 桌面版入门指南：配置模型后跑通第一个自动化任务 UI-TARS 桌面版入门指南：配置模型后跑通第一个自动化任务 【免费下载链接】UI-TARS-desktop The Open-Source Multimodal AI Agent Stack: Connecting Cutting-Edge AI Models and Agent Infra 项目地址: https://gitcode.com/GitHub_Trending/ui/UI-TARS-desktop… · 2026/9/20 22:23:48
伤豆丁文库网站开发图解步骤:被黑挂马后怎么救 伤豆丁文库网站开发图解步骤:被黑挂马后怎么救 网站被黑挂马不知道怎么办？别慌，先别删库，也别盲目重装系统。很多站长在发现首页变乱码或出现非法链接时，第一反应是重置密码，但这往往治标不治本。真正的危机在于你的服务器底层已经被植入了后门，或者数据库被注入了恶意脚本。 这里有一份针对 伤豆丁文库网站开发… · 2026/9/21 4:32:42
3步解决wordpress自己打包apk挂马危机与最佳实践 3步解决wordpress自己打包apk挂马危机与最佳实践 网站被黑挂马却不知从哪查起？别慌，这不仅是技术事故，更是法律风险。很多新手做wordpress自己打包apk时，为了省事直接调用第三方接口，结果APK里塞满恶意代码。本文拆解真实案例，给出可落地的最佳实践，帮你从根源堵住漏洞，守住网站底线。… · 2026/9/21 4:19:24
ARIS 工作流总览：从 idea 到 paper 的 13 条 pipeline 如何一次看全 ARIS 工作流总览：从 idea 到 paper 的 13 条 pipeline 如何一次看全 【免费下载链接】Auto-claude-code-research-in-sleep ARIS ⚔️ (Auto-Research-In-Sleep) — Lightweight Markdown-only skills for autonomous ML research: cross-model review loops, idea … · 2026/9/21 4:06:05
南郊网站建设报价单背后的安全防线：3个实战案例揭秘 南郊网站建设报价单背后的安全防线：3个实战案例揭秘 备案流程一头雾水？别急，南郊网站建设报价单里藏着比备案更深的坑。我见过太多老板盯着价格看，却忽略了“安全”二字。 上个月刚处理完一个 实战案例… · 2026/9/21 4:04:06
Roc 格式化器幂等性测试实战：从 issue 8851 快照看多行分发与字段访问的格式化处理 Roc 格式化器幂等性测试实战：从 issue 8851 快照看多行分发与字段访问的格式化处理 【免费下载链接】roc A fast, friendly, functional language. 项目地址: https://gitcode.com/GitHub_Trending/ro/roc
导读：本文以 Roc 编译器仓库中的快照测试… · 2026/9/21 4:04:05
TypePHP编译器API参考：程序化调用PHP AOT编译器的完整指南 TypePHP编译器API参考：程序化调用PHP AOT编译器的完整指南 【免费下载链接】typephp Compile PHP to Native Binaries 项目地址: https://gitcode.com/GitHub_Trending/ty/typephp
TypePHP 是一款用 PHP 编写的原生 AOT 编译器（tpc）&a… · 2026/9/21 4:04:05
Flutter for OpenHarmony游戏卡片渐变背景实战：从原理到性能优化 直接铺开项目本身吧。这几个月我一直在折腾一件事：用Flutter给OpenHarmony做一款游戏集合类的App，说白了就是把若干小游戏塞进一个壳里，用统一入口分发。这个方向本身不算新鲜，真正让我花了不少心思的，是首页那堆游戏卡… · 2026/9/21 0:02:39
Word表格编号全攻略：从列表编号到题注交叉引用 写Word文档，最让人头疼的往往是那些“看起来不起眼”的小问题。比如表格编号这事：今天在表后面多加了两个空白行，明天给客户交稿前发现整个章节的编号全部错位，光是挨个改序号就能耗掉大半个下午。我前阵子帮人整理一份上百页的技… · 2026/9/21 0:02:39
从第一个站到第二个站：独立开发者的静态网站选型与落地实践 1. 项目概述1.1 核心需求解析做独立开发者这几年，说实话，第一个网站上线的那天晚上我兴奋得没睡着。但等它跑了半年，流量惨淡、功能臃肿、代码自己都懒得看第二遍之后，我才慢慢琢磨明白一个道理：第一个网站是练手&… · 2026/9/20 0:00:41
agents-generator 决策矩阵全解析：从项目检测到 AGENTS.md 规则生成的 16 步判定流程 agents-generator 决策矩阵全解析：从项目检测到 AGENTS.md 规则生成的 16 步判定流程 【免费下载链接】agentic-awesome-skills AAS Core is the local, agent-first control plane for complete catalog discovery, agent-owned selection, stack validation, and … · 2026/9/21 0:00:18
gin-vue-admin 前端工具函数全景指南：src/utils 复用规范与源码级解析 gin-vue-admin 前端工具函数全景指南：src/utils 复用规范与源码级解析 【免费下载链接】gin-vue-admin 🚀ViteVue3Gin拥有AI辅助的基础开发平台，企业级业务AI开发解决方案，内置mcp辅助服务，内置skills管理，… · 2026/9/21 0:00:18
