Ruido Visual Lab

Code Tour

Living map of "Ruido Visual Web-VJ Project" (RVWVP) to learn, audit and contribute.

Source code of the VJ Project

Architecture map

Each block is a module of the VJ Project. Click to jump to its card. In audit mode the data-flow arrows are shown.

UI Controller
js/ui-controller.js → Effect Registry
js/effect-registry.js ↔ Shader Library
js/shader-library.js
↓
WebGL Renderer
js/webgl-renderer.js → Main output
index · projector
WebGL Renderer
js/webgl-renderer.js → Mapping Renderer
js/mapping-renderer.js → Mapping output
via postMessage
WebGL Renderer
js/webgl-renderer.js → Recorder Manager
js/recorder-manager.js → File / recording
Flow: the UI asks the registry; the registry resolves shaders and the renderer processes layers in FBOs; the output is shared with projector/mapping via postMessage. Mapping Renderer and Recorder Manager consume the WebGL Renderer output.

Sandbox: try an effect live

Miniature of the VJ Project's WebGL pipeline: a procedural shader with an adjustable parameter. In audit mode the performance metric (FPS) is shown.

1.00

VJ Project modules

AI agent layer

Machine-readable metadata: the tour JSON and the repository conventions. Use it as a development contract for forks and to keep the tour up to date.


        


        
        

            
How this tour is maintained

            
The tour is a by-product of development, not a parallel document: