substance designer的高级节点pixel processor 和 FX-Map

最新推荐文章于 2025-05-19 11:09:30 发布
最新推荐文章于 2025-05-19 11:09:30 发布
阅读量5.1k 收藏 33
点赞数 11
分类专栏： 材质shader substance 文章标签： substance designer pixel processor FX-Map shader
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/shenmifangke/article/details/80203946
版权


这是两个高级节点
很多人搞不清这是做什么的

在这里简单介绍一下


pixel processor 用来处理像素，可以是认为纯程序调用的节点，因为输入输出直接就是颜色，这个和其他节点里面使用function更直接
FX-Map 作为很多节点的底层节点，更为强大，可以处理诸如循环之类的其他算法，还能在层与层之间混合，提供很多预设图形

pixel processor

作为最为直接的纯程序化节点，意味着它可以做很多事情，标题图片就是通过这个来创建的


如上图是我从shadertoy上找了一个滤镜处理代码改写的，可以看到pixel processor有可以直接通过改造shader代码实现需要的效果

不同于在其他节点的属性中创建函数需要特定的输出类型，这个节点可以直接以单个或者多个图片作为输入，而且直接以图片进行输出。
需要使用的话，首先说一下里面的常用节点（注意这里面和其他节点都可以创建的function是相同的，主要和shader语言中有区别的对应下）

各种常量（这个比较重要所以具体说下）


  • getfloat

里面有一个系统内参数$time可以使用 用于在player当中可以输出序列帧（要求版本比较高）
$number 只能在 fx-map中使用，而且必须有iterate节点

  • getfloat2

里系统内参数有$pos相当于uv  还有两个scale 可以通过 vector float4再合成一个2维的来显示红绿色的uv，通常结合sampler使用

size 像素长宽 对应节点外outputsize，通常用来获得单个像素大小
sizelog2 像素长宽2的指数大小  比如1024返回10 2048返回11

getfloat3 和 4并没有系统内变量

  • getint

有$tiling 和 $normalformat 前者貌似是烘焙里面的一个变量，只能看到在更新里有，并没有搜索到实际作用，后者感觉涉及到substance automation toolkit里面的东西了，感觉是用来设置判断normal类型的

  • getint2

有$uvtile 使用udim时候，可以用这个取到udim位置 具体可以看blog里面的，虽然暂时文档还查不到

https://www.allegorithmic.com/blog/substance-designer-spring-release-faster-bigger-baker

getint3 和 4并没有系统内变量
完整系统变量参考下面地址（有些没有的上面我列出来了）
https://support.allegorithmic.com/documentation/display/SDDOC/System+Variables

  • sample

取得图像本身，就是shader语言里的，通常结合getfloat2里面的$pos使用，当然图像学中部分炫酷效果主要就是各种处理uv

  • cast

整形浮点各种转换

  • vector

就是组合向量，比如两个二维向量组合成四维的

  • swizzle

shader语言里面常用的赋值方式，比如.rgba=.rrrr


注意双通道和单通道，浮点整形之类都有不同的颜色，不同颜色的是不能连接的，同样的通道通常分为整形和浮点型

当然还有很多算法类的就不多说了，更多可以查看文档，基本和shader上用法大同小异，不过有点缺憾的是这个节点里面没有循环语法，所以这个就需要看下面的fx-map


FX-Map

自身带有独立面板，本身没有输入背景色是透明的，所以需要看到里面东西最好把透明先关闭


虽然一共只有三种功能节点
但是涵盖了循环iterate，分支switch，还有一个是quadrant
下面详细说下

  • iterate

左边是跳过，就是可以往下连，但不影响，主要起到连接作用，不需要循环的分支就用左侧的继续连下去
右侧是迭代，循环所有之下的命令
迭代次数也可以随机
循环是可以多层的，如下图



  • switch
就是选择，可以在属性selector上写函数一般做随机
  • quadrant
这个比较特殊，简单说类似四叉树填充
用来创建具体图像，可以是输入图像，也可以是其他的，可以在里面不同属性，比如位置建立函数，里面用random随机位置用二维向量连接输出,这个节点主要功能就是用来提供预设图形控制的，当然里面有很多属性都用创建新的函数来控制

这个独立面板主要作用我现在理解的就是用来构造大的图像循环结构
细节地方还是需要函数处理，下面是一个测试，fx-map中用方块排列等差数列


fx-map自己的面板只用了两个节点
下面说下关系到fx-map使用的重要函数节点

  • getfloat中的$number

类似for(int i=0;i<something;i++)中的i，可以取到自变量本身，但是缺点也有无法再取到上一级循环了，如果有两级循环，就只能取到最近的一级，而且之上的通过赋值调用也没用

  • $depth $depthpow2

返回层级深度的

  • Set

用来定义内部变量名字，默认定义了不能访问到fx-map中其他节点的变量，通常需要和Sequence一起使用

  • Sequence

序列化保存变量，使之可以在fx-map面板内不同节点中相互调用，通常前面要有set
sequence必须两个点都有输入才能作为root
为了能建立一个分支，上面的分支用来记录前面存储的变量，下面的那个分支用来继续做其他的，让变量能够访问，连接下面的量是新的一个返回值（如果没有合适的可以用赋值到string之前的），因为这个函数需要一个返回值 注意这个值可以在fx-map里跨节点使用，如果想用全局变量，可以在外部暴露参数

注意设置set 和 Sequence后 其他节点里用get可能看不到需要节点，只能手动打字上去，注意名字要不同

但是如果里面有重名set sequence组合优先以本函数内为主


感觉fx-map是最强的一个节点，不仅因为有循环，同样也支持输入多个图片。缺憾就是独立面板一开始使用比较密，右键还可以建立reference 复制的会进行参数修改关联，注意只有fx-map里这种节点，但用了也看不出哪个是关联过的，感觉不是很实用（为什么外面没有这种方式）。还有一个问题就是不能跨循环调用循环变量，只能使用最近的一个，当然还有很多反shader语法的内容，希望大家能一起讨论。

还有需要注意的是pixel processor使用$pos可以返回观察到完整uv


而在fx-map中更像是采样，$pos在quadrant颜色属性上仅能返回单一的个体坐标
所以会是下面这样


更高精度只要增加节点就可以了（这里我为了方便表示所以图案选的圆形，而且只用了4层）
所以这个和pixel processor方式是有本质区别的


两个高级节点简单介绍就到这里了，主要是给会shader的一个衔接材料，同样让大家认识下使用这两个节点的可能性。当然后面还是更期待有什么更好方式，包括嵌入代码什么的。


参考资料

https://support.allegorithmic.com/documentation/display/SDDOC/Pixel+processor+node

https://support.allegorithmic.com/documentation/display/SDDOC/FX-Map+node


Trae插件革命：用VSPlugin Helper实现VSCode市场插件全自动安装
cpp加油站的专栏
03-14 1613
之前有读者留言说trae都没有c++的插件用，确实是这样，trae的插件源用的是open vsx，而c/c++插件是vscode官方插件市场的，如果想直接在trae中安装c/c++插件是不行的，只能先从vscode官方插件市场把vsix后缀文件先下载下来，再手动安装，这一点trae的官方文档里面也有说明，但每次都手动安装还是比较麻烦的，于是我就想到了，我为啥不自己写一个trae的插件，功能就是能自动从vscode官方市场下载插件并安装呢。说干就干，我花2个小时用trae写了一个名为。
怎么用trae开发一个trae插件
cpp加油站的专栏
04-10 242
您好，我是程序员夏叶，深度AI编程使用者，专注于分享AI编程方面的使用技巧和经验，有兴趣的可以关注我的公众号，一起学习，共同进步。今天来说一说，怎么用trae开发一个trae插件。
使用DeepSeek+Trae 自己不写一行代码 开发一个网页计算器
程序开发
03-07 308
木木与代码编写日期：2025年03月07日本文字数：350个字符关注可了解更多的教程。问题或建议，请公众号留言；我们可以在Trae中使用DeepSeek完成相关代码的开发。
Chrome 推荐几款小说、文案阅读免费插件(UI体验相对不错)
m0_70521709的博客
05-09 2035
简悦还有一个强大的地方就是它集成的工具非常多，你可以将它连接到各种工具，组建自己的工作流，比如你可以保存到Pocket、Instapaper这样的稍后读工县，可以保存到Evernote、Notion、 OneNote等 笔记工县，也可以存到Dropbox、Google Drive等网盘存储，还能分享到微博等社交网络，使用起来非常方便。 快捷键aa，开启阅读模式，esc退出阅读模式 快捷键as，开启聚焦模式，esc退出聚焦模式 为了避免快捷键失效，建议使用快捷键之前，用鼠标点击一下网页 原网页
推荐一款chrome阅读插件
一起coding，一起嗨。
11-30 2228
Dark Reader：让网页变成黑色背景 一、下载地址 官方地址：https://chrome.google.com/webstore/detail/eimadpbcbfnmbkopoojfekhnkhdbieeh 推荐使用：https://chrome.zzzmh.cn/info?token=eimadpbcbfnmbkopoojfekhnkhdbieeh 链接：https://pan.baidu.com/s/1FrR6EcggW-pdydOCXth9kw 提取码：an8a 二、安装方...
摸鱼之最好用的上班看小说神器“小说阅读器”
xiaoyushu_的博客
01-18 506
5.还可以进行伪装皮肤就是把阅读窗口伪装成常用软件（比如360弹窗广告、QQ消息提醒、钉钉消息提醒），重点是这个软件本身是一点广告都没有。1.可调整透明背景，随意调节字体颜色，字体大小，可以和电脑背影相似，上班偷看小说。3.可设置移动鼠标隐藏，嘎嘎好用，想调出来的时候，可以设置快捷键。2.可随意移动，调节看小说页面的大小，放在任何隐蔽位置，4.无边框，也没有广告，还能自动保存看的进度。功能强大，超级超级好用！
Trae插件从0到1，搭建一个能够伪装成网页内容的小说阅读Chrome插件
05-15
Trae插件从0到1，搭建一个能够伪装成网页内容的小说阅读Chrome插件
大模型——Trae实战创建一个MCP Server
05-07 619
从个人体验下来的感觉，对比 Deepseek v3 和 r1 的模型，Builder with MCP这里的执行，选择 Doubao-1.5-pro 效果更好，豆包对关联的 MCP Server 和对应的 Tools 的理解和使用更准确，而 Deepseek 有编码偏向性而忽略去使用可用的 MCP Server。，且 Agent with MCP 的设计，可以同时创建多个场景下的 Agent，并关联不同 MCP Server，免去了其他 MCP Client 需要根据任务不时的去增删服务的繁琐操作。
别再用默认主题了！Trae官方插件市场开放，可以实现主题自由了
cpp加油站的专栏
04-03 430
在trae编辑器的右上角点击人像图标->主题->更多主题，打开后有一些trae内置的主题，选择以后就会更换为该主题，如果内置的都不符合我们的想法，还可以点击。trae会自动搜索插件市场的所有主题类型的插件，选择一个主题插件，单击以后会自动安装这个插件。
chrome好用的阅读工具【推荐】
hcgeng的专栏
11-05 1412
Circle 可以提取网页中的内容信息，并进行重新排版，是浏览文章、新闻等内容的神器。
我的chrome阅读全文插件
个人进步之路
05-03 1270
我刚在看雪里面看见有人需要这种类型插件.所以,我就发布出来了. 这个插件下载下来,加载文件夹,应该就可以了.我只在chrome31里面测试了. 估计chrome其他版本能够通过吧.我也是小白,大神就别挑剔了. 里面的js主要针对我自己常用的网站.所以,绝对有很多网站没有添加. 如果,没有你经常浏览的网页,而你的网页又老是要多点击,请你反馈给我.我慢慢添加. 插件地址: 自动阅读全文 大家有问题,请...
非常实用的Chrome插件
zhangquanit的专栏
11-28 1819
非常实用的Chrome插件
Cursor安全漏洞事件深度解析：当AI编程工具成为供应链攻击的新战场
like21a的博客
05-15 1221
🔥「炎码工坊」技术弹药已装填！点击关注 → 解锁工业级干货【工具实测|项目避坑|源码燃烧指南】
如何使用AI编程工具做UI
CalEx_Tech的博客
05-19 269
飞算JavaAI 自2月份发布以来，因强大的功能，受到众多Java开发者的喜爱，称之“最符合中国程序员的AI开发工具”。同时我们也收到一些反馈：飞算JavaAI何时支持前端开发？今天就来教大家如何使用飞算JavaAI 做前端开发。
AI编程赛道的思考：构建商业闭环Build your business，而非仅仅是应用not only build an app
mai_li的博客
05-16 335
在当今快速发展的科技领域中，AI编程正逐渐成为个人开发者和小型团队实现创意的强大工具。然而，一个普遍存在的现象是，许多新进入者往往只专注于利用AI技术快速开发出各种看似新颖的小型应用，如补光灯、手电筒、背单词软件等。这些产品的共同特点是它们声称无需编写代码即可迅速上线，并且大多数情况下无法带来盈利。
OpenAI深夜发布Codex：AI编程里程碑式突破
Dc253061007的博客
05-18 769
通过在真实工程环境中的强化学习训练，Codex不仅能理解代码逻辑，还能把握人类工程师的编码风格和PR偏好。一位Temporal的工程师表示：“Codex不仅帮助我编写代码，还能帮我理解不熟悉的代码库结构，这在大型项目中简直是救命稻草。OpenAI CEO Sam Altman对Codex给予了高度评价："令人惊奇和兴奋的是，一个人就能利用这样的工具创建出丰富的软件。另外，开发者们可以关注的是，OpenAI还同步推出了codex-1的精简版本——基于o4-mini，专为Codex CLI打造。
Trae 04.22 深度实战：自定义Agent与增强上下文如何重塑AI编程体验？
最新发布
wdracky的专栏
05-19 377
随着AI编程工具的快速发展，传统的代码生成方式已无法满足开发者需求。真正的AI工程师需要更智能的协作方式，让AI成为开发流程中的“智能副驾驶”。Trae04.22版本的更新，包括自定义Agent、增强上下文（#Web/#Doc）、规则系统和MCP市场，标志着AI编程进入了一个更高效、更自动化的新阶段。本文通过实战案例，探讨了如何用自定义Agent优化开发流程，如自动生成API文档和代码优化；如何通过#Web和#Doc增强AI的上下文理解，如基于在线文档自动修复Bug；规则系统如何规范AI行为，避免“幻觉”代
trae插件
03-10
<think>好的，我现在需要帮助用户查找关于Traefik插件的使用说明、配置和示例。首先，用户提到他们想了解与Traefik插件相关的信息，特别是使用说明、配置和示例。根据用户提供的引用内容，我需要整理这些信息，并按照用户的要求进行结构化回答。 首先，我要回顾用户提供的引用内容。引用[1]提到了在静态配置文件中添加插件的配置示例，引用[3]和[5]介绍了GitHub上的示例插件demo，说明插件是通过Yaegi动态执行的，并提到了开发指南。引用[4]提到了使用Helm chart部署Traefik，这可能与插件的安装有关。引用[2]可能是一个Terraform的示例，但具体内容不明确，暂时可能用不上。 接下来，我需要确定用户的需求：他们需要知道如何配置和使用Traefik插件，包括具体的步骤和示例。根据引用内容，可以分步骤说明配置方法，比如静态配置文件中的设置，以及插件的开发或使用现有插件的步骤。可能还需要提到动态加载和注意事项，如实验性功能、版本兼容性等。 需要确保回答符合用户的要求，结构清晰，分步骤说明。同时，要引用提供的引用内容，正确标注引用标识。例如，引用[1]中的配置示例，引用[3]关于GitHub仓库的信息，引用[4]提到的Helm安装方法，以及引用[5]的项目介绍部分。 另外，用户可能对插件的实际应用场景和如何开发自己的插件感兴趣，所以可能需要包含这些信息。还要生成相关问题，如如何开发自定义插件、动态加载机制、性能影响等。 需要注意的是，用户提供的引用中有部分内容可能不直接相关，比如引用[2]的Terraform示例，但如果没有更相关的信息，可以暂时忽略。确保回答中的引用准确对应到相关的部分。 总结回答结构： 1. 插件配置步骤，包括静态配置文件示例和Helm安装。 2. 使用现有插件的步骤，比如demo插件的安装。 3. 开发自定义插件的基本流程。 4. 注意事项，如实验性功能、版本要求等。 5. 相关问题部分，生成相关问题。 现在需要将这些信息整合成自然的中文回答，正确引用来源，并确保LaTeX格式符合要求，虽然用户的问题可能不涉及数学公式，但如果有变量或代码，需要使用正确的格式。例如，配置示例中的代码块需要用反引号包裹，并注明语言类型。 检查是否有遗漏的信息，比如引用[3]提到的Yaegi解释器，可能需要解释动态加载机制。同时，引用[5]提到插件是扩展Traefik功能的强大工具，可以用于流量管理，这部分可以在应用场景中提及。 最后，生成的相关问题需要与Traefik插件的使用、开发、配置相关，确保问题有针对性，能够引导用户进一步探索。</think>### Traefik 插件使用说明与配置示例 #### 1. 插件配置基础步骤 Traefik 插件通过静态配置文件或动态加载实现。以下为静态配置示例（需在 Traefik 的 YAML 配置文件中添加）： ```yaml experimental: localPlugins: example: moduleName: github.com/traefik/plugindemo # 插件模块路径[^1] ``` 此配置声明了一个名为 `example` 的本地插件，指向 GitHub 上的示例仓库[^3]。 若使用 Helm 安装 Traefik，需在 `values.yaml` 中启用插件支持： ```yaml experimental: plugins: enabled: true # 启用插件功能[^4] ``` #### 2. 使用现有插件（以 demo 插件为例） 1. **安装插件** 通过修改 Traefik 部署配置，将插件代码编译到 Traefik 二进制文件中，或通过动态加载（需 Yaegi 支持）。 2. **配置路由规则** 在 `IngressRoute` 中引用插件： ```yaml apiVersion: traefik.io/v1alpha1 kind: Middleware metadata: name: demo-plugin spec: plugin: example: # 插件名称 headerName: "X-Custom-Header" headerValue: "Hello from Plugin" ``` #### 3. 开发自定义插件 1. **代码结构** 遵循 Traefik 插件接口规范，实现 `New` 初始化方法和 `Handle` 请求处理逻辑[^3]。 2. **动态加载** 利用 Yaegi 解释器实时加载插件（无需重启 Traefik）： ```go // 示例插件逻辑 func New(ctx context.Context, config *Configuration) (http.Handler, error) { return &demoPlugin{config}, nil } ``` #### 4. 注意事项 - **实验性功能**：插件功能标记为实验性，需在配置中显式启用[^4]。 - **版本兼容性**：确认 Traefik 版本支持插件（建议 v2.3+）[^4]。 - **安全限制**：动态加载插件需注意代码安全性，建议审核第三方插件[^5]。 --- ###
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值