VVVV.js is a great toolkit for prototyping and developing rich data visualisation, advanced user interfaces, games, and more — all by connecting nodes, spreading slices and letting the dafa flow. From simple 2D charts to complex 3D animations: the possibilities grow with your patching skills.

Features

VVVV.js is fun to play with, yet it's more than a toy. Rather than being a standalone web application, it comes with a development workflow designed to integrate VVVV.js with your web application and enhance it in an unobtrusive way.

In-Browser Patch Editor Using the patch editor you can work on your patches and see the results immediatly. This kind of "real-time coding" is what makes VVVV (and VVVV.js) fun and effective. The best thing: it runs entirely in your browser, no additional software needed.

Subpatches Once you are caught in a patching spree, things can get messy after a while. In order to create well-structured applications, VVVV.js supports VVVV's subpatch concept, which allows you to box patches into smaller, reusable modules.

Graphics Besides covering the better part of the HTML5 Canvas API, VVVV.js is cool with WebGL: Meshes, shaders, blend modes, multi-pass rendering, and whatnot. It even comes with a built-in Shader code editor, which you can use to (again) real-time code shader nodes.

DOM Interface VVVV.js is designed to be part of a website and interact with it. A patch can plant Canvas and WebGL output anywhere on the page, query and manipulate DOM elements, and react to events.

VVVV Compatibility All the concepts, best practices, tricks and hacks common in VVVV also apply to VVVV.js. You can even copy and paste from and to classic VVVV, as both use the same XML format under the hood. If you already know VVVV, you know VVVV.js. While learning VVVV.js, you also learn VVVV.