dreemgl/docs/.classdoc/ui/slider.js

DreemGL is an open-source multi-screen prototyping framework for mediated environments, with a visual editor and shader styling for webGL and DALi runtimes written in JavaScript. As a toolkit for gpu-accelerated multiscreen development, DreemGL includes

/**
 * @class slider
 * @extends view
 * Slider with customizable handle.  To customize the handle put views as the slider's constructor children.
 * <br/><a href="/examples/sliders">examples &raquo;</a>
 * 
 * <iframe style="border:0;width:900px;height:600px" src="/apps/docs/example#path=$ui/slider.js"></iframe>
 * <a target="blank" href="/apps/docs/example#path=$ui/slider.js">open example in new tab &raquo;</a>
 * 
 */
/**
 * @attribute {vec4} [fgcolor="black"]
 * The color for the value bar in the slider
 */
/**
 * @attribute {float32} [value="0.5"]
 * The current value, between 0.0 ~ 1.0
 */
/**
 * @attribute {float32} [step="0"]
 * The size of each step between 0 ~ 1, e.g. 0.01 would create 100 discrete steps.  The value of 0 indicates a continuum.
 */
/**
 * @attribute {float32} [minvalue="0"]
 * Minimum value allowed, for restricting slider range
 */
/**
 * @attribute {float32} [maxvalue="1"]
 * Maximum value allowed, for restricting slider range
 */
/**
 * @attribute {vec2} [range="0,100"]
 * The interpolated range of the slider between min and max value
 */
/**
 * @attribute {float32} [rangevalue="50"]
 * The current interpolated value, between range[0] and range[1]
 */
/**
 * @attribute {boolean} [horizontal="true"]
 * Horizontal or vertical arrangement
 */
/**
 * @attribute {float32} [minhandlethreshold="10"]
 * Threshold at which to draw a handle if none is provided in the constructor.
 */
/**
 * @attribute {boolean} [smooth="true"]
 * Smoothly mix the background/foreground color or draw a hard edge
 */