VVVV.js HTML/CSS/Event Nodes

Based on the previous Code Editor example, this page shows most of VVVV.js' new nodes for manipulating the DOM, catching events and styling elements.. Try to check the flying checkboxes to pin down the points.

Open the patch, to see, what's going on:

• We use GetElement (HTML) to fetch elements from the DOM, and ApplyStyle (HTML) to set the page's accent color to this beautiful red.
• Element (HTML) creates new HTML elements, like the red settings box at the top right. CSS nodes, like Position, Background, Border or the generic Style node do the rest.
• We take the value from the slider (which we created using RangeSlider) with the GetValue (HTML) node.
• Finally, we have the Checkbox (HTML) node to attach checkboxes to the canvas graphics.

There is a lot to tell about these new set of nodes. Read the related blog post to find out about nesting elements, chaining up style nodes, or how all this goes along with spreads.