UIZE JavaScript Framework

JAVASCRIPT EXAMPLES Color Cube With Color Pickers

In this example, an instance of Uize.Widget.ColorCube.Draggable provides a draggable color cube widget that shows the interpolated colors between four corner colors. Click-and-drag inside the cube to "smudge" the color space in different directions. Instances of Uize.Widgets.RgbSliders.Widget are wired up at each corner for changing the colors using sliders. The sliders control the cube, but dragging inside the cube also controls the sliders. Event handlers wire the widgets bidirectionally so their values stay in sync. Click the "AGITATE" button to randomize the corner colors.