TouchDesigner自学笔记

这篇博客记录了使用TouchDesigner创建一个图片选择UI面板的过程。面板分为两部分,左侧展示所有待选图片,右侧实时预览选中图片。通过收集素材、使用container和replicator进行克隆操作,以及添加逻辑处理,实现了点击左侧图片按钮,右侧即时显示对应图片的功能。
摘要由CSDN通过智能技术生成

开源小项目联系一:“图片选择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出来的若干内容参数)

  • 2
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值