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

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

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

这一讲第一部分主要介绍使用多种TOP元件优化图形的视觉效果,并利用Noise TOP元件改变材质的色彩。

建立基本的3D Object和材质
用DAT元件获取相关色彩信息
用DAT元件关联Ramp TOP元件

流程
【TouchDesigner】用数据构建和控制图形NO.1
创建light1,geo1,cam1 COMP 与render1 TOP元件,rende参数长宽设置为1000


【TouchDesigner】用数据构建和控制图形NO.1
进入geo1,添加noise1,null1 SOP元件,noise的tz设置为常量


【TouchDesigner】用数据构建和控制图形NO.1
添加facet1 SOP元件增加切面效果


【TouchDesigner】用数据构建和控制图形NO.1
将tous设置为Polygon模式


【TouchDesigner】用数据构建和控制图形NO.1
打开facet1参数面板上的 Unique Points与Compute Normals


【TouchDesigner】用数据构建和控制图形NO.1
将tourus 的外径增加至2


【TouchDesigner】用数据构建和控制图形NO.1
旋转geo1 90度


【TouchDesigner】用数据构建和控制图形NO.1
增加摄像机z轴 让画面完整渲染在render上


【TouchDesigner】用数据构建和控制图形NO.1
添加phong1 MAT元件并拖给geo1


【TouchDesigner】用数据构建和控制图形NO.1
在phong1参数中打开Wrie Frame 线宽设置成2


【TouchDesigner】用数据构建和控制图形NO.1
创建feedback1,transform1,comp1 TOP元件


【TouchDesigner】用数据构建和控制图形NO.1
将comp1的融合方式改为Add


【TouchDesigner】用数据构建和控制图形NO.1
comp1拖给feedback1


【TouchDesigner】用数据构建和控制图形NO.1
将transform1的scale设置为0.5,Rotate设置为30


【TouchDesigner】用数据构建和控制图形NO.1
新建blur1,com2 TOP元件


【TouchDesigner】用数据构建和控制图形NO.1
comp2融合模式改为Add


【TouchDesigner】用数据构建和控制图形NO.1
blur的过滤器大小改为18


【TouchDesigner】用数据构建和控制图形NO.1
新建resolution TOP元件


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

更改res1的分辨率输出模式为Custom Resolution 长设置为render1的宽, 长设置为1。


【TouchDesigner】用数据构建和控制图形NO.1
新建comp3 TOP


【TouchDesigner】用数据构建和控制图形NO.1
【TouchDesigner】用数据构建和控制图形NO.1
将comp3的融合方式改为over Fixed layer改成iniput 1


【TouchDesigner】用数据构建和控制图形NO.1
新建ramp1 TOP 拖给phong1


【TouchDesigner】用数据构建和控制图形NO.1
ramp1类型设置为Vertical颜色任选


【TouchDesigner】用数据构建和控制图形NO.1
新建noise1 TOP


【TouchDesigner】用数据构建和控制图形NO.1
noise1长宽分别设置为4和1个像素点 Viewer Smoothness设置为Nearest Pixel


【TouchDesigner】用数据构建和控制图形NO.1
将单色模式 Monochrome关闭


【TouchDesigner】用数据构建和控制图形NO.1
创建table1,table2,eval1 DAT元件


【TouchDesigner】用数据构建和控制图形NO.1
创建5列


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


【TouchDesigner】用数据构建和控制图形NO.1
打开table1参数上的Exact Dimensions,设置行数为noise的宽度+1.


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

me.inputCell 取该单元格中原本的内容

me.inputRow 取该单元格所在的行数

(me.inputRow-1)/op(‘noise1’).width 根据单元格所在的行数,noise元件的宽度计算出各等分点的位置

op(‘noise1’).sample(x=me.inputRow-1,y=0)[0] 对noise1元件中该xy坐标的像素进行取色,取出r(红色)通道的值对应通道:
[0]-r [1]-g [2]-b [3]-a


【TouchDesigner】用数据构建和控制图形NO.1
新建table3和eval2 DAT元件


【TouchDesigner】用数据构建和控制图形NO.1
【TouchDesigner】用数据构建和控制图形NO.1
table3创建5列


【TouchDesigner】用数据构建和控制图形NO.1
创建merge1与rampkey(null)将rampkey拖给ramp1


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

创建analyze1与comp4,level1 TOP ,noise与analyze1相连


【TouchDesigner】用数据构建和控制图形NO.1
融合为Add


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