【TouchDesigner】用Instacne制作选择器

最新推荐文章于 2022-03-16 19:07:25 发布
最新推荐文章于 2022-03-16 19:07:25 发布
阅读量1k 收藏 4
点赞数 2
分类专栏： 多媒体互动
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wangpuqing1997/article/details/105711505
版权

文章目录

用Instance制作选择器

这个教程介绍了关于用Geometry COMP的Instance功能来制作3D版本的选择器

  • Instance的概念和基本功能
  • 设置每个实例的3D贴图
  • DAT Execute DAT的具体运用
  • 设置与鼠标互动的动态效果

流程
1.
创建Camera,Light,Geometry COMP元件，创建Render TOP元件建立三维坐标系并且渲染出来。

在这里插入图片描述
进入geo1 创建box 和bg（null） SOP元件

在这里插入图片描述在这里插入图片描述
点击bg右下角的Render和Display使得图像从父级渲染出来。

在这里插入图片描述
创建grid与null SOP元件 更改grid元件行列为3

在这里插入图片描述

创建 Sop to 与ref（null）DAT元件获取三维物体的信息

在这里插入图片描述
打开geo的属性下Instancing 为On

在这里插入图片描述
然后吧ref拖给geo1

在这里插入图片描述
更改TranslateX，Y, Z分别为P(0),P(1),P(2)

在这里插入图片描述
更改Grid的Size（自己看着调），显示9个方块整齐排列。

在这里插入图片描述
调整摄像头Translate z轴使得在render能全部渲染出来

在这里插入图片描述

创建conrainer1

在这里插入图片描述
在constainer1中创建 table与ref（null） DAT，replicator与constaint1 COMP

在这里插入图片描述
table加载文件后点击Pulse

在这里插入图片描述
ref拖给replicator

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

在这里插入图片描述
设置moviefilein 从上一级的ref中取

在这里插入图片描述
将container1拖到 Clone Master

在这里插入图片描述
再讲container1拖给replicator

在这里插入图片描述
replicator点击ALL加载

在这里插入图片描述
设置container1获取图片的宽高

在这里插入图片描述
在这里插入图片描述
更改tontainer1的宽高和排列对齐方式

在这里插入图片描述
container1改名textures

在这里插入图片描述
在geo1的属性面板中的instance texture获取到textures COMP 容器下的bg
按照数组1-9来映射到贴图上

在这里插入图片描述
贴图没有对应上可以打开box属性选择自己想要的贴图模式

在这里插入图片描述

在这里插入图片描述
创建text1 TOP text属性选择从上一级的ref获取

在这里插入图片描述
创建 conposite 与display（null） TOP

在这里插入图片描述
更改融合方式为over

在这里插入图片描述
选择Pre-Fit Overlay为 Native Resolution

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
更改文字背景色，大小，调整文字位置。

在这里插入图片描述
发现rander的图像颠倒了

在这里插入图片描述
在com1与bg中加入flip1 反转x轴

在这里插入图片描述
在这里插入图片描述
textures和render成像不一致

在这里插入图片描述
x轴旋转180度

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

在这里插入图片描述
进入geo2创建box 与null SOP

在这里插入图片描述
移动geo2到合适的渲染位置

在这里插入图片描述
调整相机到合适的位置

在这里插入图片描述
新建一个container 将render放进去

在这里插入图片描述
修改render的路径，穿件bg（null）

在这里插入图片描述
新建panal CHOP元件 Select选择select，u，v

在这里插入图片描述
在这里插入图片描述
修改container1属性

在这里插入图片描述
创建chop to与renderpick DAT 元件

在这里插入图片描述
将Include Names 设置为On

在这里插入图片描述
将panal拖给chopto

在这里插入图片描述
打开Fetch Instance ID On

在这里插入图片描述
将render拖给renderpick1

在这里插入图片描述
进入geo2，创建Constant

在这里插入图片描述
将材质附给geo2

在这里插入图片描述
创建select与txture（null） TOP 元件，并将texture拖给mat1

在这里插入图片描述
创建datexec1，将renderpick1拖给datexec1

在这里插入图片描述

合成路径

在这里插入图片描述
图片显示不规整

在这里插入图片描述
修改box1 SOP元件贴图方式为 Face Inside

在这里插入图片描述

在这里插入图片描述
加入noise SOP 使得图片产生波纹效果

普神
关注
  • 2
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
TouchDesigner自学——rainbox
doggy_haha的博客
05-03 968
TOUCHDESIGNER自学之二 Rain_Box 节点编程 逻辑框架 项目介绍：半透明立方体中包含粒子的规律移动 实际效果 实现步骤 框架节点：[geo+cam+light+render] + [phong(MAT)+noise(TOP)+constant(TOP)] + [feedback(TOP)] 第一步 主题BOX制作，将材质赋给geo，默认是二维材质分别map到box的每个面上。此处...
电子产品中常见的box的种类
最新发布
Andy的博客
06-22 246
gift box
【TouchDesigner】Instacne功能的实践
wangpuqing1997的博客
04-26 906
文章目录Instance功能的实践 Instance功能的实践 TouchDesigner：教程地址 这个教程介绍了关于Geometry COMP中的Instance功能来完成复杂的Clone效果。 Instance 与 相关DAT元件的接入 不同MAT的相关功能 将不同的颜色值赋予每个独立的实例 Window COMP的功能详解 流程 ...
【TouchDesigner】用数据构建和控制图形NO.1
wangpuqing1997的博客
04-28 2474
文章目录用数据构建和控制图形NO.1 用数据构建和控制图形NO.1 TouchDesigner：教程地址 这一讲第一部分主要介绍使用多种TOP元件优化图形的视觉效果，并利用Noise TOP元件改变材质的色彩。 建立基本的3D Object和材质 用DAT元件获取相关色彩信息 用DAT元件关联Ramp TOP元件 流程 创建light1，geo1，cam1 COMP 与render1 TOP元件...
【TouchDesigner】用数据构建和控制图形NO.2
wangpuqing1997的博客
04-28 1686
文章目录用数据构建和控制图形NO.1 用数据构建和控制图形NO.1 TouchDesigner：教程地址 这部分主要介绍使用DAT table整合备用参数、利用COMP slider元件的Clone功能制作控制面板以操控图形。 建立控制面板的参数系统 Slider COMP的设置和复制 Slider COMP参数与其他元件的映射 制作面板的淡入淡出效果 流程 将container改名为mas...
【TouchDesigner】Replicate 与 Instance（1）
wangpuqing1997的博客
05-08 655
文章目录Replicate 与 Instance（1）Replicate 与 Instance（2）Replicate 与 Instance（3） Replicate 与 Instance（1） 对比TouchDesigner中Replicate和Instance两种功能，第一部分将通过简单的text TOP Replicate案例，着重讲解Replicate功能。 将Text DAT转换为Ta...
private-vpc-demo
04-01
通过私有VPC端点的演示会话管理器 部署资源 VPC 子网路 3个VPC端点 ec2Messages SSM消息 SSM EC2实例 概念验证 应该可以通过Session Manager Connect访问EC2 instacne
【TouchDesigner】生成艺术
wangpuqing1997的博客
05-07 5060
文章目录生成艺术NO.1 生成艺术NO.1 这一部分中利用instance功能生成随机运动的点阵图像。 从Circle SOP到 Noise SOP TouchDesigner中渲染的范式 Noise CHOP改变图形位置 Ramp TOP改变材质颜色 流程 创建circle1与null1 SOP元件 创建 sopto ...
Touchdesigner自学笔记之三
doggy_haha的博客
05-06 3535
跟随鼠标移动的粒子 以grid（SOP）为partical（SOP）的资源模板，调整后连接【Geo组合+point spirit（MAT)】，在连接【feedback组合】适当调整。 影响粒子动态的节点【metaball(SOP)+force(SOP)】 添加mouse in（CHOP)鼠标位置到metaball的坐标，实现鼠标影响。 ...
【TouchDesigner学习笔记与资料】
wangpuqing1997的博客
04-09 3万+
TouchDesigner是什么？ 简单来说就是一种可视化的编程语言。TD 是一种编程语言。TD 不是一个 APP 应用程序，像一 般程序那样可以很容易的开始执行动作。touchdesigner 是基于节点的图形化编程软件。这意味着，我们 不用打开一个文本文档然后一行行敲代码，TD 用图形化界面来通过节点创建程序。TD 的每 一个节点或 OP 元件，执行一个具体的，小的，独立动作。实现一个整体功能...
【TouchDesigner】三维渲染
wangpuqing1997的博客
07-08 3795
Cmera COMP Uniform Scale（按比例缩放）:沿x，y，z三个轴等比例缩放相机（通常不建议改变相机大小）。 Constrain To（约束到）：让相机附属到某个指定元件上，跟随指定元件运动。 Look At（朝向）：让相机在移动过程中始终面对指定的元件。 Pah SOP（相机的路径）：输入SOP元件名字，为相机指定移动路径。 Geometry Comp Geometry COMP中的参数与Camera COMP中的参数用法大部分都相似。特殊的是它的instacne页面的
TouchDesigner学习 （每天学一个Node ）SOP filter
_Afra 的博客
10-09 1075
该过滤器CHOP平滑或锐化输入通道。它通过组合每个样本及其一系列相邻样本进行过滤，以设置该样本的新值。每种滤波器类型对相邻样本使用其自己的加权因子。该过滤器宽度决定的邻居使用的数量。 要获得类似的，更突然的效果，请参见滞后片段。 参数-过滤页面 类型type-⊞-有七种类型的过滤器： 效果effect-滤镜影响通道的程度（0-完全不受影响，1-最大效...
【TouchDesigner】初识Modles，Local和Storage
wangpuqing1997的博客
04-30 947
文章目录初识Modles，Local和StorageNO.1 初识Modles，Local和StorageNO.1 这第一部分中，我们将对local variables做简单介绍。 Evaluate DAT的用法 局部变量的运用 路径的设置 利用local variable读取channel数值 流程 新建local （base）COMP元件 进入lacal，新建 table，variabl...
TouchDesigner学习 TOP与CHOP结合制作小应用
_Afra 的博客
07-07 2100
效果预览（快速滑动鼠标，闪光效果制作）： 官方教程： http://www.touchdesigner.co/beginner OP: 右键 view... 跳出程序预览效果 点下按钮是在程序内预览 特别说明的注意点： 上图中的distance，value，out1 为null 节点 mousein： 获取鼠标坐标 Slope ：计算鼠标滑动的速度 ...
TouchDesigner学习 官方推荐的16个Top Node
_Afra 的博客
06-29 9711
我的博客只为记录自己的学习，可能不准，毕竟是自己的理解，还是以官方的文档为准 官方wiki：https://docs.derivative.ca 1.movie file in: 电影文件在TOP中将电影，静止图像或一系列静止图像加载到TOP中。它会读取图片.jpg，.gif，.tif，或.bmp格式。它会读取QuickTime在电影.mov格式.mp4，.mpg，.mpeg，....
【TouchDesigner】用Replicator制作选择器
wangpuqing1997的博客
04-23 1495
文章目录用Replicator制作选择器 用Replicator制作选择器 先创建三个container（COMP）元件 分别改名为buttons，display，final 进入buttons（只有container元件才能进入，其他元件都不行） 创建replicator元件 创建containtor元件，创建table(DAT)元件，table元件相当于一个excel表格。 ...
geotools连接PostgreSQL报错解决
u011788214的专栏
03-16 943
导航到以下位置C:\Program Files\PostgreSQL\14\data postgresql.conf文件： 检查listen_addresses是=*（在某些postgres版本中默认为localhost）如果不是，则必须将其更改为*. 它用于监听所有接口。 pg_hba.conf文件： 添加新行： host all all 0.0.0.0/0 md5 重新连接，正常运行 ...
Houdini之SOP学习笔记（三）Copy of HOUDINI简易效果器
qaqwwr的博客
08-09 533
Copy of HOUDINI简易效果器 1 attribwrangle节点 创建⼀个新的属性，类似attribute create，只不过是利⽤VEX语⾔实现 f@test = 0; 记得最后加分号 在spreadsheet中有test属性，赋值均为0 新建⼀个球体，attributewrangle，给球体新建⼀个属性 ...
TouchDesigner-- 将完整效果全屏展示在显示器上（非发布）(一)
—巨人绿
09-18 1万+
TD是所见即所得，没有发布这么一说，显示在windows上的就是完整的作品。 如何做到全屏显示在显示器上，而不是一堆op和连线： 我也不知道为啥有俩种界面，不要问我。 点击open按钮打开全屏，close再关闭。 如果点击快捷键F1的话，带着缩小放大和关闭的条且必须直接退出工程。 这里还有其他功能的话就继续学习之后再补充吧！ ...
java中的instance方法
热门推荐
Rolle的博客
02-24 3万+
更多文章查看个人主页www.liangyouze.com 关于对象的实例化 大家想到的通常是直接new，除了这个，还有些单实例模式，层次间调用等等 getInstance的使用: * 在主函数开始时调用，返回一个实例化对象，此对象是static的，在内存中保留着它的引用，即内存中有一块区域专门用来存放静态方法和变量， * 可以直接使用，调用多次返回同一个对象。 getInsta...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值