Table of Contents

Signature Bubbles wall Touchdesigner

Quick Start

alt text

我做了一个webapp,让用户可以在电脑或者iPad上,使用网页端进行签名并且提交,通过websocket实时发送笔触信息给Touchdesigner,添加到一个气泡墙上。

我用Touchdesigner的webserver节点host这个webapp,让所有的部分都在这一个Touchdesigner的项目中,方便系统的运行。

请在这里下载这个版本的示例项目。 (TODO 提供下载链接)

How to

下载好Touchdesigner项目文件夹后,直接打开项目工程。 然后使用浏览器,使用你运行Touchdesigner机器的ip访问webapp。

在连接界面,取决于你输入你的TD机器的ip。 alt text

点击连接后,会带你来到这个页面,status应该显示 connected,说明其和TD建立了websocket连接。 alt text

然后你就可以开始绘制,TD也会有显示。 alt text

当点下提交,可以看到签名被转换成一个气泡,加入到气泡墙上。 alt text