【TouchDesigner】用数据构建和控制图形NO.2

时间:2024-05-23 13:08:16

用数据构建和控制图形NO.2

这部分主要介绍使用DAT table整合备用参数、利用COMP slider元件的Clone功能制作控制面板以操控图形。

  • 建立控制面板的参数系统
  • Slider COMP的设置和复制
  • Slider COMP参数与其他元件的映射
  • 制作面板的淡入淡出效果

流程
【TouchDesigner】用数据构建和控制图形NO.2
将container改名为master1


【TouchDesigner】用数据构建和控制图形NO.2
创建container1 COMP,宽度改成150


【TouchDesigner】用数据构建和控制图形NO.2
进入container1创建table1与forClones(null) DAT


【TouchDesigner】用数据构建和控制图形NO.2
在table1创建如上表格


【TouchDesigner】用数据构建和控制图形NO.2
创建template1(slider1)


【TouchDesigner】用数据构建和控制图形NO.2
修改template1的长宽


【TouchDesigner】用数据构建和控制图形NO.2
进入template,将knob的Height设置为父级元件的高度-2


【TouchDesigner】用数据构建和控制图形NO.2
让template1居中对齐


【TouchDesigner】用数据构建和控制图形NO.2
创建math1,sliderPos CHOP元件


【TouchDesigner】用数据构建和控制图形NO.2
设置math1参数范围为1到父级元件的宽度-knob元件的宽度-1.
使得template左右滑动不到头


【TouchDesigner】用数据构建和控制图形NO.2
将slider拖给knob的x


【TouchDesigner】用数据构建和控制图形NO.2
创建select1


【TouchDesigner】用数据构建和控制图形NO.2
将forClones拖给select1 DAT


【TouchDesigner】用数据构建和控制图形NO.2
Select Cols选择 by Index
选择父级元件名称的整数序号


【TouchDesigner】用数据构建和控制图形NO.2
创建math2 与rename1 CHOP,修改定义域和名称


【TouchDesigner】用数据构建和控制图形NO.2
定义域选择 select1元件中的di1行第0列单元格的内容和第2行第0列的内容


【TouchDesigner】用数据构建和控制图形NO.2
选择select1元件中第0行第0列单元格的内容


【TouchDesigner】用数据构建和控制图形NO.2
创建 text1 TOP元件


【TouchDesigner】用数据构建和控制图形NO.2
在temlate1 背景选择bg


【TouchDesigner】用数据构建和控制图形NO.2
更改bg的像素


【TouchDesigner】用数据构建和控制图形NO.2
字体大小改成15


【TouchDesigner】用数据构建和控制图形NO.2
将select拖给DAT


【TouchDesigner】用数据构建和控制图形NO.2
将template1拖到自己的Clone Master上


【TouchDesigner】用数据构建和控制图形NO.2
复制8个slider 元件


【TouchDesigner】用数据构建和控制图形NO.2

创建一个merge1 与ctr1(null)CHOP元件


【TouchDesigner】用数据构建和控制图形NO.2
将ctr1上的seed拖给noise1的seed


【TouchDesigner】用数据构建和控制图形NO.2
将xRot,yRot, zRot 赋值给Rotate


【TouchDesigner】用数据构建和控制图形NO.2
将fbScale拖给transform1 Scale


【TouchDesigner】用数据构建和控制图形NO.2
将tNoise拖给geo1中的noise tz


【TouchDesigner】用数据构建和控制图形NO.2
将tSegments拖给torus1的行和列中,给行乘个0.75的系数


【TouchDesigner】用数据构建和控制图形NO.2
修改table1的定义域


【TouchDesigner】用数据构建和控制图形NO.2

将container1的对齐方式改成从上到下


【TouchDesigner】用数据构建和控制图形NO.2
创建panel1 CHOP


【TouchDesigner】用数据构建和控制图形NO.2
panel中的select选择inside,重命名为panelO


【TouchDesigner】用数据构建和控制图形NO.2


【TouchDesigner】用数据构建和控制图形NO.2
将panelO拖给container上的Opacity来控制透明度


【TouchDesigner】用数据构建和控制图形NO.2
创建lag1 CHOP元件做出淡入淡出效果


【TouchDesigner】用数据构建和控制图形NO.2
【TouchDesigner】用数据构建和控制图形NO.2
鼠标移动到左下角,显示slider组件