TouchDesigner自学笔记

开源小项目联系一：“图片选择UI面板”

简单搜了四张图片做练习
​​​​图片的分辨率并不统一（未作剪切处理）

思路架构：整体面板分两部分，左边为所有待选图片的排列组合（作为按钮），右边是选择图片的预览（作为显示）

第一步

收集素材：网上查找若干图片的url路径，整理到记事本（格式：图片名称 + “Tab” + URL路径）

目的是方便让table（TOP)调用

name	link
cat	http://img.pconline.com.cn/images/upload/upc/tx/photoblog/1304/14/c0/19831043_19831043_1365871487546_mthumb.jpg
zoo	https://p2.ssl.qhimgs1.com/sdr/400__/t016258ccea3dd4bcdc.jpg
yoyo	https://p3.pstatp.com/large/888f0001d670c4352e93
ccat	http://p3.pstatp.com/large/174f500045ac087b99e9a

第二步

利用container（COM)和replicator（COM) 做克隆操作（通过调整一个container内容，快速修改replicator出来的若干内容参数）

给container命名为master1，其内容编辑：

作为节点操作，起提示性作用：

拖拽master1到replicator选择Master Operator，然后拖拽之前创建的table（TOP)到replicator选择Template DAT table

此时，自动克隆出table中的所有素材。

（回到上一菜单，选择align方式，从左到右排列，注意master1的内容也会显示出来，需要将其display的参数off掉，此时不选择replicator中的recreate，是不会影响到克隆出来的图片）

第三步

处理右边display端内容：使用select（TOP)链接，之前创建buttons时创建的disp节点，得到的路径是“../buttons/item3/disp”

其中的item（数值）分别对应的是克隆出来的内容名称。

第四步

创建逻辑，使鼠标单击左边buttons时，右边的display同时显示对应的图片。

需要的节点（panel execute（DAT))

def onOffToOn(panelValue):

	num = str(me.parent().digits)
	pathStart = '../buttons/item'
	pathEnd = '/disp'
	
	target = op('../../display/select1')
	target.par.top = pathStart + num + pathEnd
	#print(pathStart + num + pathEnd)//通过textport测试输出结果是否正确

	return 

至此，可基本实现选择图片并同时输出的效果

此文，仅为记录自学知识点，便于后续查看。