【TouchDesigner】用Replicator制作选择器
文章目录
用Replicator制作选择器
TouchDesigner：教程地址
看完一遍视频后有些步骤的元件不是很懂，又自己复原了一遍，希望可以帮助到你。
这个教程介绍了关于Replicator COMP元件的功能和具体运用。
- 链接Table DAT 和 Replicator COMP
- 建立 Master父级和子集Items的关系
- CHOP Execute DAT的用法
- 设置与鼠标互动光影效果
目标说明
1.点击左侧小图片，在右侧能生成对应大图
2.制作文字的叠加效果
3.左侧图片鼠标移过能产生光影效果
流程
1.创建三个Container（COMP）元件
Container COMP 是一个存放其他元件的容器。
将三个元件改名为buttons，display，final。这三个容器里面完成不同的逻辑任务。
2.进入buttons容器
创建Replicator COMP 元件
接着创建Table DAT文本组件，null DAT组件
在Table的parmsters中添加提前写好的Table1文件（文件里的空位是制表符Tab）
添加文件后还要点击Pulse才显示。
将Table（null）拖给拖给Replicator COMP
再创建一个Container COMP容器改名master1
将master拖到自己的parmsters上的Clone Master中
再将master1拖给Replicator COMP 完成克隆
克隆的数量是根据文本内容决定的
3.进入masrer1容器中
点击分屏
将buttons下的ref（null）拖给master1下的select1获得文本信息。
给select1创建一个null改名ref（不同层级下是可以改成相同的名字的）
创建moviefilein1与null（改名bg）TOP元件
在master1的parmaster面板下的Background TOP中填入 ./bg 可以让master1里的moviefilein中的图层输出到master1上。
回到buttons蹭几下 点击Replicator parmaster下的 Recreate All Operator ALL按钮刷新所有的子节点
可以看到所有子节点也输出bg的图像
给master1节点设置长200宽200
在master1层级下创建text1 与Composite TOP元件与moviefilein相连，给图片加上文字
给text面板加入 op(‘ref’)[me.parent().digits,0] 代码，表示父层级的数字。
选择Composite的融合方式为Over。
鼠标中键改变文字的translate
改变text的alpha通道
改变Resoution的值
在Composite中改变拉伸方式为自然
4.格式对齐
在buttons面板上并没有显示有所有字节点的画面
首先修改button的长度和宽度
调整Align为从左到右，最大单元为3.
动态的尺寸设定
5.进入display层级
创建select和null（改名bg） TOP元件
分屏将master1下bg拖给display下创建的select
display面板上设置背景为子节点bg
6.进入master1层级下编写脚本
新建panel和select CHOP面板，在select的Channel Names选择Select
鼠标点击响应。
创建chopexe DAT元件，并且将null CHOP 拖给它
需要用到Off to on 其他的可以关闭
打开脚本文本编辑器写入代码
打开控制台测试
7.渐变光影效果
进入master1层级创建select与null CHOP选择inside
创建level
将null2的数据拖给level的opacity选择
创建math1与filter 使得明暗能过度。
调整属性
进入buttons点击master1的parmaster上的Display取消渲染
在master父节点上给复制的子节点排序