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

最新推荐文章于 2020-05-06 00:01:46 发布
最新推荐文章于 2020-05-06 00:01:46 发布
阅读量1.7k 收藏 10
点赞数
分类专栏： 多媒体互动
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wangpuqing1997/article/details/105814182
版权

文章目录

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

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

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

流程
在这里插入图片描述
将container改名为master1

在这里插入图片描述
创建container1 COMP，宽度改成150

在这里插入图片描述
进入container1创建table1与forClones(null) DAT

在这里插入图片描述
在table1创建如上表格

在这里插入图片描述
创建template1（slider1）

在这里插入图片描述
修改template1的长宽

在这里插入图片描述
进入template，将knob的Height设置为父级元件的高度-2

在这里插入图片描述
让template1居中对齐

在这里插入图片描述
创建math1，sliderPos CHOP元件

在这里插入图片描述
设置math1参数范围为1到父级元件的宽度-knob元件的宽度-1.
使得template左右滑动不到头

在这里插入图片描述
将slider拖给knob的x

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

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

在这里插入图片描述
Select Cols选择 by Index
选择父级元件名称的整数序号

在这里插入图片描述
创建math2 与rename1 CHOP，修改定义域和名称

在这里插入图片描述
定义域选择 select1元件中的di1行第0列单元格的内容和第2行第0列的内容

在这里插入图片描述
选择select1元件中第0行第0列单元格的内容

在这里插入图片描述
创建 text1 TOP元件

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

在这里插入图片描述
更改bg的像素

在这里插入图片描述
字体大小改成15

在这里插入图片描述
将select拖给DAT

在这里插入图片描述
将template1拖到自己的Clone Master上

在这里插入图片描述
复制8个slider 元件

在这里插入图片描述

创建一个merge1 与ctr1（null）CHOP元件

在这里插入图片描述
将ctr1上的seed拖给noise1的seed

在这里插入图片描述
将xRot，yRot, zRot 赋值给Rotate

在这里插入图片描述
将fbScale拖给transform1 Scale

在这里插入图片描述
将tNoise拖给geo1中的noise tz

在这里插入图片描述
将tSegments拖给torus1的行和列中，给行乘个0.75的系数

在这里插入图片描述
修改table1的定义域

在这里插入图片描述

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

在这里插入图片描述
创建panel1 CHOP

在这里插入图片描述
panel中的select选择inside，重命名为panelO

在这里插入图片描述

在这里插入图片描述
将panelO拖给container上的Opacity来控制透明度

在这里插入图片描述
创建lag1 CHOP元件做出淡入淡出效果

在这里插入图片描述
在这里插入图片描述
鼠标移动到左下角，显示slider组件

普神
关注
  • 0
    点赞
  • 踩
  • 10
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Derivative_TouchDesigner_Pro_099.2020.20200.rar
09-09
TouchDesigner技术可以与照明设备、音频系统、输入和输出设备进行通信，并显示用于所有类型的现场表演表演的控制系统。 虚拟现实的支持 TouchDesigner的所有其他功能都与内置的虚拟现实工具无缝配合，让任何人都能...
【TouchDesigner】用数据构建和控制图形NO.3
wangpuqing1997的博客
04-29 1117
文章目录用数据构建和控制图形NO.3 用数据构建和控制图形NO.3 这部分将利用外部数据表格设置控制面板的初始值，并对程序进行优化、提高帧速率。 Table DAT读取本地文件 Replicator COMP 使用CHOP Execute DAT对控制面板进行优化 Container COMP页面排版 流程 创建两个container COMP元件 进入data，创建table DAT ...
【TouchDesigner】用数据构建和控制图形NO.1
wangpuqing1997的博客
04-28 2536
文章目录用数据构建和控制图形NO.1 用数据构建和控制图形NO.1 TouchDesigner：教程地址 这一讲第一部分主要介绍使用多种TOP元件优化图形的视觉效果，并利用Noise TOP元件改变材质的色彩。 建立基本的3D Object和材质 用DAT元件获取相关色彩信息 用DAT元件关联Ramp TOP元件 流程 创建light1，geo1，cam1 COMP 与render1 TOP元件...
【TouchDesigner】温度可视化N0.2
wangpuqing1997的博客
04-30 1068
文章目录温度可视化N0.2 温度可视化N0.2 在这部分中，在NO.1的基础上，让温度可视化呈现出动态的效果。 Merge CHOP的用法 Lookup CHOP的用法 Filter CHOP的用法 流程 创建container2 更改长宽为200 将container1中的内容复制到container2中 创建select1与select2 DAT select1选择第一列数据，...
【TouchDesigner】用数据构建和控制图形NO.4
wangpuqing1997的博客
04-29 1217
文章目录用数据构建和控制图形NO.4 用数据构建和控制图形NO.4 在这个教程中将制作选择器选择预设图形，并给静止图形添加动态效果。 Panel Execute DAT的用法 DAT Execute DAT的用法 Speed CHOP 制作简易动画 流程 创建container2 COMP 进入container2 创建select1与table1 COMP 更改table1与s...
touchdesigner拾取颜色赋值物体
designerchu的博客
11-13 902
TouchDesigner学习 更改输出分辨率
我知道你很急,但是路要一步步走
09-05 4494
1. 新建一个button ,两个 DATA text 和 一个 examine,两个 text 更改名称并编辑如下图所示,目的是保存分辨率的宽和高到examine,以便于后面使用(选中text,ctrl + r即可执行该text的脚本) 2. button 如下 3.效果如下 16 * 9 4*3 ...
【TouchDesigner学习笔记与资料】
wangpuqing1997的博客
04-09 3万+
TouchDesigner是什么？ 简单来说就是一种可视化的编程语言。TD 是一种编程语言。TD 不是一个 APP 应用程序，像一 般程序那样可以很容易的开始执行动作。touchdesigner 是基于节点的图形化编程软件。这意味着，我们 不用打开一个文本文档然后一行行敲代码，TD 用图形化界面来通过节点创建程序。TD 的每 一个节点或 OP 元件，执行一个具体的，小的，独立动作。实现一个整体功能...
touchdesigner-hueControl:用于控制TouchDesigner的色调灯的组件
05-09
TouchDesigner色相控制 用于控制philips色调设备的毒药 TouchDesigner版本 099 2018.26750 操作系统支持 Windows 10 苹果系统 依存关系 概括 飞利浦Hue智能灯旨在用于家庭/工作室。 这些设备种类繁多-单独的灯，...
使用TouchDesigner和Arduino的心电图-项目开发
03-30
标题中的“使用TouchDesigner和Arduino的心电图-项目开发”表明了这是一个结合了创意编程工具TouchDesigner和开源硬件平台Arduino的项目，目的是实现一个实时显示心电信号的可视化系统。这个项目融合了嵌入式系统、...
TouchDesigner开发平台，RGBA数据通道 to CMYK数据通道
03-01
1、输入TOP元件，获取RGBA数据通道； 2、输出DAT元件，获取CMYK数据通道； 3、自动获取通道数量，可自定义。
TouchDesigner工程文件-分形金字塔
03-26
touchdesigner glsl制作的 分形金字塔 ,工程文件，可添加互动功能，应用在互动多媒体项目中，也可以输出高清视频，应用到投影项目中。...直接用touchdesigner 打开toe工程文件，就可以快速体验效果。
【TouchDesigner】用Instacne制作选择器
wangpuqing1997的博客
04-24 1092
文章目录用Replicator制作选择器 用Replicator制作选择器 TouchDesigner：教程地址 **这个教程介绍了关于用Geometry ** 链接Table DAT 和 Replicator COMP 建立 Master父级和子集Items的关系 CHOP Execute DAT的用法 设置与鼠标互动光影效果 目标说明 1.点击左侧小图片，在右侧能生成对应大图 2.制作文字...
TouchDesigner学习 粒子系统的粒子材质和大小
我知道你很急,但是路要一步步走
09-18 1606
粒子系统的标准模板: 修改constant point scale 可以修改整体粒子的大小 材质使用的是 point sprite,这里需要注意的的是需要将particle CHOP 的 type 改成相应的类型 ...
Touchdesigner自学笔记之三
doggy_haha的博客
05-06 3567
跟随鼠标移动的粒子 以grid（SOP）为partical（SOP）的资源模板，调整后连接【Geo组合+point spirit（MAT)】，在连接【feedback组合】适当调整。 影响粒子动态的节点【metaball(SOP)+force(SOP)】 添加mouse in（CHOP)鼠标位置到metaball的坐标，实现鼠标影响。 ...
TouchDesigner自学笔记
doggy_haha的博客
05-03 3513
开源小项目联系一：“图片选择UI面板” 简单搜了四张图片做练习 ​​​​图片的分辨率并不统一（未作剪切处理）思路架构：整体面板分两部分，左边为所有待选图片的排列组合（作为按钮），右边是选择图片的预览（作为显示） 第一步 收集素材：网上查找若干图片的url路径，整理到记事本（格式：图片名称 + “Tab” + URL路径） 目的是方便让table（TOP)调用 name link cat...
TouchDesigner学习 copy SOP
我知道你很急,但是路要一步步走
09-30 614
Altium Designer复制粘贴的方法，以及特殊粘贴的使用
热门推荐
geekYatao
02-06 7万+
在使用Altium designed（以下简称AD）时，有时需要粘贴元器件。与常用的软件不同，AD的复制粘贴并不是ctrl + C 和 ctrl + V，并且复制过来的器件并没有保存原先的网络标号，因此需要了解特殊粘贴。 板子敷铜之前一般需要放置一些接地的过孔，以这个过孔为例讲一下AD的粘贴操作。选中需要粘贴的器件，按下shift可以多选。然后按ctrl + C，会出来一个光标，此光标表示粘贴的
【Processing+Arduino互动编程】
wangpuqing1997的博客
03-30 1万+
Processing串口编程 Processng的串口通信是由serial库提供的，可以通过调用成员函数来实现。 在processing中输入以下程序： import processing.serial.*; Serial myPort; void setup() { size(400,400); } void draw() { println(Serial.list()); } ...
touchdesigner chop控制图像案例
最新发布
05-11
以下是一个使用 TouchDesigner 中的 CHOP 控制图像的简单案例： 1. 首先，导入一张图片到 TouchDesigner 的项目中。你可以通过拖放图片文件到 TouchDesigner 界面上来实现。 2. 在 TouchDesigner 界面右侧的菜单中...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值