WebToe Documentation
Documentation
Use the editor, import TouchDesigner projects, write expressions, embed WebToe in your own page, and see how the engine is built.
WebToe is a node-based dataflow engine for real-time visuals that runs in the browser. You patch operators into a network, drive parameters with expressions, and watch the result cook every frame on WebGL2 or WebGPU. It also opens TouchDesigner projects.
The fastest way in is to open the editor and load an example from the toolbar. Getting started covers the editor, running it locally, and working on the source.
These pages describe the code in the repository as of this build. Numbers that come from measurements say where they were measured.
Start
Import
Build
Integrate
- Embedding and external controlPut the editor in an iframe or mount it in your own page, load projects by URL, and drive patches from outside with postMessage and ext().
- NDI bridgeReceive and send NDI video from the browser through a small local bridge, with the pixel conversion running in a 1 KB WebAssembly kernel.
Engine
- ArchitectureThe packages and their one dependency rule, the GPU pass contract behind both backends, the cook model, the file format and the decisions behind them.
- TouchDesigner parityWhat "toward TouchDesigner" means for a browser engine, how it is measured on 60 real projects, where WebToe stands, and what comes next.