【TouchDesigner】Component的使用

最新推荐文章于 2023-02-27 00:56:05 发布

普神

最新推荐文章于 2023-02-27 00:56:05 发布

阅读量1.4k

点赞数 3

分类专栏：多媒体互动

本文链接：https://blog.csdn.net/wangpuqing1997/article/details/106011186

版权

多媒体互动专栏收录该内容

31 篇文章 76 订阅

订阅专栏

文章目录

Component的使用（1）

第一部分着重介绍Table COMP的使用，包括其外观的修改以及用单元格点击来触发事件。

利用Table DAT定义Table COMP单元格的内容
利用Panel Execute DAT检测cellradioid的变化
在Panel Execute DAT当中添加对Select DAT参数的改变
流程

创建 table1 COMP，table2 DAT 元件

在这里插入图片描述
可将table1改为1列

在这里插入图片描述
进入table1，创建cellID（table）DAT

在这里插入图片描述
创建 panelexec1 DAT

在这里插入图片描述
在panelexec1参数面板Panel Value 选择cellradioid

在这里插入图片描述
更改panelexec1参数面板

在这里插入图片描述
在panelexec1中写入如上代码，将点击table1的值写入到cellID中

在这里插入图片描述
创建table1 DAT

在这里插入图片描述
在table1中写入如上代码

在这里插入图片描述
table1连接cell_attributes

在这里插入图片描述
复制cell 得到cellOn

在这里插入图片描述
复制粘贴cellOn_default1得到cellOn_default1

在这里插入图片描述
修改cellOn的内容，将cell_default改为cellOn_default

在这里插入图片描述
修改cellOn_default的bgcolor 数值

在这里插入图片描述
创建out1 DAT

在这里插入图片描述
创建 p1（table）DAT 写入如上内容

在这里插入图片描述
复制三个表格p2,p3,p4

在这里插入图片描述
创建select1 DAT

在这里插入图片描述
通过选择table1上不同的button来让select选择不同的数据（p1,p2,p3,p4）

在这里插入图片描述

Component的使用（1）

第二部分会简单讲解Window COMP的几个重要参数，此后两部分还会围绕Window COMP分享一些现场项目的解决方案。

Window COMP调整位置和大小
如何在Window COMP进行全屏、免框和置顶的设置
如何设置成Perform Mode
流程

创建 moviefilein1 TOP与container1，window1，window2 COMP

在这里插入图片描述
进入container1创建moviefilein1

在这里插入图片描述
将container1的Background TOP设置为下一级的moviefilein1

在这里插入图片描述

显示

Monitor是显示器的序号

Justify Horizontal与Justify Vertical表示画面对齐屏幕的方式

offset 表示对齐屏幕的间距

Opening Size 表示开始打开时候的大小，可根据输入的元件大小，可铺满，也可自定义

Borders 点击后可以去除边框

Always on Top 可以避免别的程序跳出遮挡画面

Component的使用（3）

第三部分中会搭建一个在Perform Mode下，包含主画面和控制界面的基本系统。

Container COMP 元件的参数和功能
利用Replicator COMP来复制若干Button COMP
Perform Window的设置
流程

要实现的内容

在这里插入图片描述
创建 ctrl_disp（container）COMP,更改长宽

在这里插入图片描述
进入ctrl_disp 创建final（container1），长宽与ctrl_ctrl_disp保持一致

在这里插入图片描述
创建interface（container），长度设置为final的一半，宽度不变

在这里插入图片描述
复制粘贴interface 得到output

在这里插入图片描述
更改背景色

在这里插入图片描述
final的对齐方式改为从左到右

在这里插入图片描述
进入output创建moviefilein1与bg（null） TOP

在这里插入图片描述
output背景选择bg

在这里插入图片描述
进入interface创建 buttons，preview（container）

在这里插入图片描述
区分出背景颜色

在这里插入图片描述
更改preview长度为240

在这里插入图片描述
更改interface 的对齐方式为从左到右

在这里插入图片描述
进入buttons创建table1 DAT，button1，replicator1 COMP

在这里插入图片描述
修改table1为48行1列

在这里插入图片描述

在这里插入图片描述
忽略第一行

在这里插入图片描述
对齐方式为从左到右，最大单元为8

在这里插入图片描述
进入preview创建container1，高度为preview的一半

在这里插入图片描述
增加边框

在这里插入图片描述
对齐方式改为从上到下

在这里插入图片描述
将ctrl_disp拖给perform

Component的使用（4）

第四部分中，将在上一部分的基础上，利用Select COMP实现多个操作界面的切换。

Knob COMP替换Button COMP
利用Panel Execute DAT检测radio的变量
实现二选一的功能

复制粘贴ctrl_disppanelSelects

在这里插入图片描述
复制粘贴knobs

在这里插入图片描述
创建knob（slider）COMP

在这里插入图片描述
table1改成70行1列

在这里插入图片描述
knobs改为一行最大10个

在这里插入图片描述
创建select1 将knobs拖给select1

在这里插入图片描述
选中buttons与knobs 将Display关闭

在这里插入图片描述
更改preview的align Order数值

在这里插入图片描述
创建container1 COMP

在这里插入图片描述

修改container1的参数面板

在这里插入图片描述
进入container1创建buttons

在这里插入图片描述
进入buttons 修改bg的文本

在这里插入图片描述
复制粘贴knobs

在这里插入图片描述
修改bg文本

在这里插入图片描述
修改container1对齐方式为从左到右
*******、

选中buttons与knobs 改变Button Type为 Radio Down

在这里插入图片描述
创建panelexec1 DAT 修改参数面板

在这里插入图片描述
在panelexec1写入如上代码

Component的使用（5）

最后一部分中，分享一个高分辨率、非标准长宽比输出的解决方案。

利用固定分辨率的Constant TOP和Composite TOP调整图像分辨率，使其等于4个HD图像横向排列时的长宽比（(16*4):9）
使用Crop TOP将图像切割成四块，放入Container COMP构成的四个象限
在output中进行设置，将四个象限重新排列成标准长宽比的输出
流程

在这里插入图片描述
复制粘贴一个panelselects得到panelselects1

在这里插入图片描述
添加一个图片

在这里插入图片描述
创建constant1 TOP，设置分辨率为1280*180 删除bg

在这里插入图片描述
创建 comp1 TOP

在这里插入图片描述
修改comp1的参数面板

在这里插入图片描述
创建 quad1 （container）COMP，设置长宽为output长宽的一半

在这里插入图片描述

进入quad1创建text TOP 修改参数面板

在这里插入图片描述
创建null TOP改名bg

在这里插入图片描述
quad1背景显示为bg

在这里插入图片描述
复制出4个quad

在这里插入图片描述
将output对齐方式改成从左到右

在这里插入图片描述
创建null1 TOP

在这里插入图片描述
创建select1 TOP

在这里插入图片描述
将null1拖给select1

在这里插入图片描述
创建 crop1 TOP

在这里插入图片描述
将图片切割四分之一

在这里插入图片描述
将这三个元件分别复制到quad中

在这里插入图片描述

分别切割

在这里插入图片描述

普神

关注

3
点赞
踩
8

收藏

觉得还不错? 一键收藏
0
评论
【TouchDesigner】Component的使用

文章目录Component的使用（1）Component的使用（1）Component的使用（3）Component的使用（4）Component的使用（1）第一部分着重介绍Table COMP的使用，包括其外观的修改以及用单元格点击来触发事件。利用Table DAT定义Table COMP单元格的内容利用Panel Execute DAT检测cellradioid的变化在Panel Execute DAT当中添加对Select DAT参数的改变流程创建 table1 COMP，table
复制链接

扫一扫