Web GUI for TouchDesigner Component
Added 2023-01-16 02:59:41 +0000 UTCHey! In this tutorial, we'll go over how to use a new custom component that allows you to instantly create a web GUI for any TouchDesigner container and control TD in real time over the web. The website will also live-update when changes in TD are made.
We'll also dive into behind the scenes how we're able to programmatically get and set the state of TouchDesigner containers using Python.
Links:
Glitch Website for the Web GUI
Websockets in TouchDesigner Tutorials
Websocket Server Github Template
Python Documentation:
GitHub Repo for contributing to the website
Comments
Hey this seems like a verry usful thing but I cannot seem to get the GUI to show up in Glitch... I have confirmed that the socket is receiving data in Websocket King but still the GUI will not show up in Glitch...is there something that has been updated since this video was produced?
Yukihiro Taira
2024-01-19 04:18:26 +0000 UTCHey Torin. Would love to have a chat about the webGUI component! I've sent you a DM before on this platform so we can chat there if it works for you π
Shamanic Vocal Arts
2023-07-13 10:55:20 +0000 UTChey thanks so much for such a thorough breakdown. Lmk if you want to chat. I'd be happy to incorporate any changes to make it a better experience for everyone
Torin Blankensmith
2023-07-12 13:40:21 +0000 UTCHey All, Had a bunch of small issues with this component, which i was able to fix with some, admittedly janky solutions. First : XY behaviour was bugged/not useful in tweakpane. Y would end up being constrained to an unuseable amount of the XY pad, & X wouldnt constrain at all, when trying to set a min max range of -1 to 1. I fixed this by setting the min max range from -10 to 10 in the custom component and using a constant & math chop to set the range to -1 to 1 where I needed to map it. Second : populating a menu via "menuSource" means the menu will not show up in the GUI, populate your menus using script or other methods. Third: UI would regularly forget itself, close the websocket connection and require manual pulsing and tweaking to get back up & running, certain Components would just dissapear & require multiple "pulses" to get back. Solution for this was actually very simple, though it feels jank, pulse your webGUI components on a timer ( I have it pulsing once a minute )! since implementing this ive not had my GUI rug on me! Fourth: more than 4 custom pages breaks things: this one was really screwing me for a while as my component had multiple pages of parameters in it. but after testing a bunch I found that once you add a 5th page the webGUI gets confused and starts not rendering every parameter. The workaround for this is to store and bind UI components in a seperate Base. thats all the bugs and fixes Ive figured out so far - If I find anymore will post here or wherever is appropriate. Have a good day yall!
Shamanic Vocal Arts
2023-07-12 11:32:33 +0000 UTCHi Torin, I have problem, for some reason I can't see the side panel with all the settings I can change. I think my GUI is not loading in. Do you know how I can change this?
Jeroen Vermeiren
2023-06-01 11:49:44 +0000 UTCHey that's strange. Can you hop on the discord and send me an example file?
Torin Blankensmith
2023-04-10 17:34:20 +0000 UTCyou sir are amazing! Thank you!!! Just one thing: custom menus are not supported yet right? When I have a custom dropdown menu in my container, it won't show anything of the container controls on the website :-( Still awesome though!!
Max Schweder
2023-04-10 15:21:10 +0000 UTCI'm on Ventura 13.2.1. I tried rebooting, SMC and PRAM reset but issue persists. On an older (Intel) Mac it worked fine, so I just turned cooking off for all the elements and saved it. Then it opened just fine! ππΌ
Asjer Querido
2023-03-15 20:39:04 +0000 UTCHi Asjer, that's very strange. I just tried opening it up as well on an intel Mac TD version 2022.32120 and it worked fine. It might be worth rebooting your computer and trying again. Also what OS are you running?
Torin Blankensmith
2023-03-14 16:32:08 +0000 UTCHi Torin, great lessons! ππΌ I tried opening the WebGUI.102.toe on my Mac but got 'Vulkan Device Error', any idea what's going? I'm on TD version 2022.32120, I'm working on an Intel Mac. Cheers, Asjer
Asjer Querido
2023-03-14 13:13:01 +0000 UTC
