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:
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.