/**
 * @file
 * This composition does...
 *
 * @copyright Copyright © 2017 [Taco Circus](https://vuo.org/user/96076)
 * @see This is a Vuo Composition source code file.  See http://vuo.org for further information.
 */

digraph G
{
AlignLayerToWindow [type="vuo.layer.align.window" version="1.1.0" label="Align Layer to Window|<refresh>refresh\l|<window>window\l|<layer>layer\l|<horizontalAlignment>horizontalAlignment\l|<horizontalMargin>horizontalMargin\l|<verticalAlignment>verticalAlignment\l|<verticalMargin>verticalMargin\l|<alignedLayer>alignedLayer\r" pos="1290,1230" fillcolor="magenta" _horizontalAlignment="\"left\"" _horizontalMargin="0.0" _verticalAlignment="\"center\"" _verticalMargin="0.0"];
AlignLayerToWindow2 [type="vuo.layer.align.window" version="1.1.0" label="Align Layer to Window|<refresh>refresh\l|<window>window\l|<layer>layer\l|<horizontalAlignment>horizontalAlignment\l|<horizontalMargin>horizontalMargin\l|<verticalAlignment>verticalAlignment\l|<verticalMargin>verticalMargin\l|<alignedLayer>alignedLayer\r" pos="1290,855" fillcolor="cyan" _horizontalAlignment="\"left\"" _verticalAlignment="\"center\"" _verticalMargin="0.0"];
Calculate [type="vuo.math.calculate" version="1.0.0" label="Calculate|<refresh>refresh\l|<expression>expression\l|<values>values\l|<result>result\r" pos="465,1305" fillcolor="magenta" _expression="{\"expressions\":[\"(OldWidth\\/OldHeight)*0.75\"],\"inputVariables\":[\"OldHeight\",\"OldWidth\"],\"outputVariables\":[\"result\"]}"];
Calculate2 [type="vuo.math.calculate" version="1.0.0" label="Calculate|<refresh>refresh\l|<expression>expression\l|<values>values\l|<result>result\r" pos="1095,960" fillcolor="cyan" _expression="{\"expressions\":[\"((0.89\\/ScreenWidth)*Xposition)\"],\"inputVariables\":[\"ScreenWidth\",\"Xposition\"],\"outputVariables\":[\"result\"]}"];
ChangeFullscreenStatus [type="vuo.window.fullscreen" version="1.0.0" label="Change Fullscreen Status|<refresh>refresh\l|<fullscreen>fullscreen\l|<screen>screen\l|<property>property\r" pos="1935,1530" _fullscreen="true"];
ChangeResizableStatus [type="vuo.window.resizable" version="1.0.0" label="Change Resizable Status|<refresh>refresh\l|<resizable>resizable\l|<property>property\r" pos="1965,2625" fillcolor="orange" _resizable="false"];
ChangeWindowAspectRatio [type="vuo.window.aspectRatio" version="1.0.1" label="Change Window Aspect Ratio|<refresh>refresh\l|<width>width\l|<height>height\l|<property>property\r" pos="1935,2490" fillcolor="orange" _width="2" _height="1"];
ChangeWindowTitle [type="vuo.window.title" version="1.0.0" label="Change Window Title|<refresh>refresh\l|<title>title\l|<property>property\r" pos="1980,2565" fillcolor="orange" _title="\"Rietveld Hal UI\""];
CombineLayers [type="vuo.layer.combine" version="1.0.0" label="Combine Layers|<refresh>refresh\l|<transform>transform\l|<layers>layers\l|<layer>layer\r" pos="1620,1035"];
ConvertIntegerToRealNumber [type="vuo.type.integer.real" version="1.0.0" label="Convert Integer to Real Number|<refresh>refresh\l|<integer>integer\l|<real>real\r" pos="-615,885"];
ConvertIntegerToRealNumber2 [type="vuo.type.integer.real" version="1.0.0" label="Convert Integer to Real Number|<refresh>refresh\l|<integer>integer\l|<real>real\r" pos="525,1365"];
ConvertIntegerToRealNumber6 [type="vuo.type.integer.real" version="1.0.0" label="Convert Integer to Real Number|<refresh>refresh\l|<integer>integer\l|<real>real\r" pos="-15,855"];
ConvertIntegerToRealNumber8 [type="vuo.type.integer.real" version="1.0.0" label="Convert Integer to Real Number|<refresh>refresh\l|<integer>integer\l|<real>real\r" pos="285,1740"];
CropImagePixels2 [type="vuo.image.crop.pixels" version="1.1.2" label="Crop Image Pixels|<refresh>refresh\l|<image>image\l|<topLeft>topLeft\l|<width>width\l|<height>height\l|<croppedImage>croppedImage\r" pos="675,810" fillcolor="cyan" _width="1"];
Curve2 [type="vuo.motion.curve.VuoReal" version="2.0.0" label="Curve|<refresh>refresh\l|<time>time\l|<startPosition>startPosition\l|<endPosition>endPosition\l|<duration>duration\l|<curve>curve\l|<easing>easing\l|<loop>loop\l|<phase>phase\l|<value>value\r" pos="135,735" fillcolor="cyan" _startPosition="0" _curve="\"quadratic\"" _easing="\"out\"" _loop="\"mirror\"" _phase="0.0"];
FetchImage [type="vuo.image.fetch" version="2.0.0" label="Fetch Image|<refresh>refresh\l|<url>url\l|<image>image\r" pos="-120,1170"];
FireOnStart [type="vuo.event.fireOnStart" version="1.0.0" label="Fire on Start|<refresh>refresh\l|<started>started\r" pos="-1155,930" fillcolor="yellow" _started_eventThrottling="enqueue"];
FirePeriodically4 [type="vuo.time.firePeriodically2" version="2.0.0" label="Fire Periodically|<refresh>refresh\l|<seconds>seconds\l|<fired>fired\r" pos="-795,1245" fillcolor="yellow" _fired_eventThrottling="drop"];
GetImageHeight [type="vuo.image.get.height" version="1.0.0" label="Get Image Height|<refresh>refresh\l|<image>image\l|<height>height\r" pos="105,1290" fillcolor="magenta"];
GetImageWidth2 [type="vuo.image.get.width" version="1.0.0" label="Get Image Width|<refresh>refresh\l|<image>image\l|<width>width\r" pos="105,1350" fillcolor="magenta"];
GetItemFromList4 [type="vuo.list.get.VuoText" version="1.0.1" label="Get Item from List|<refresh>refresh\l|<list>list\l|<which>which\l|<item>item\r" pos="-330,1170"];
GetScreenValues [type="vuo.screen.get" version="1.1.0" label="Get Screen Values|<refresh>refresh\l|<screen>screen\l|<name>name\r|<topLeft>topLeft\r|<width>width\r|<height>height\r|<dpiHorizontal>dpiHorizontal\r|<dpiVertical>dpiVertical\r" pos="675,1035" fillcolor="cyan"];
ListFiles [type="vuo.file.list" version="1.0.2" label="List Files|<refresh>refresh\l|<folder>folder\l|<includeSubfolders>includeSubfolders\l|<fileType>fileType\l|<files>files\r" pos="-510,1170" _folder="\"WERKEN\"" _includeSubfolders="false" _fileType="\"image\""];
Make2DPoint2 [type="vuo.point.make.VuoPoint2d" version="2.0.0" label="Make 2D Point|<refresh>refresh\l|<x>x\l|<y>y\l|<point>point\r" pos="435,960" fillcolor="cyan" _x="2"];
Make2DPoint3 [type="vuo.point.make.VuoPoint2d" version="2.0.0" label="Make 2D Point|<refresh>refresh\l|<x>x\l|<y>y\l|<point>point\r" pos="435,825" fillcolor="cyan" _y="0"];
Make2DPoint5 [type="vuo.point.make.VuoPoint2d" version="2.0.0" label="Make 2D Point|<refresh>refresh\l|<x>x\l|<y>y\l|<point>point\r" pos="660,1305" fillcolor="magenta"];
Make2DTransform2 [type="vuo.transform.make.2d" version="1.0.0" label="Make 2D Transform|<refresh>refresh\l|<translation>translation\l|<rotation>rotation\l|<scale>scale\l|<transform>transform\r" pos="660,930" fillcolor="cyan" _translation="{\"x\":0,\"y\":0}" _rotation="0.0"];
Make2DTransform4 [type="vuo.transform.make.2d" version="1.0.0" label="Make 2D Transform|<refresh>refresh\l|<translation>translation\l|<rotation>rotation\l|<scale>scale\l|<transform>transform\r" pos="855,1275" fillcolor="magenta" _translation="{\"x\":0,\"y\":0}" _rotation="0.0"];
MakeButton [type="vuo.ui.button.action" version="1.0.0" label="Make Button|<refresh>refresh\l|<renderedLayers>renderedLayers\l|<label>label\l|<font>font\l|<color>color\l|<icon>icon\l|<iconPosition>iconPosition\l|<center>center\l|<width>width\l|<height>height\l|<updatedLayer>updatedLayer\r|<pressed>pressed\r" pos="1080,2280" fillcolor="orange" _label="\"Kleur\"" _font="{\"fontName\":\"HelveticaNeue-Light\",\"pointSize\":28,\"underline\":false,\"color\":{\"r\":0,\"g\":0,\"b\":0,\"a\":1},\"alignment\":\"left\",\"characterSpacing\":1,\"lineSpacing\":1}" _color="{\"r\":1,\"g\":0.50000762939453125,\"b\":0.60000002384185791,\"a\":1}" _iconPosition="\"left\"" _center="{\"x\":-0.5,\"y\":0}" _width="0.4" _height="0.1" _updatedLayer_eventThrottling="enqueue" _pressed_eventThrottling="enqueue"];
MakeButton2 [type="vuo.ui.button.action" version="1.0.0" label="Make Button|<refresh>refresh\l|<renderedLayers>renderedLayers\l|<label>label\l|<font>font\l|<color>color\l|<icon>icon\l|<iconPosition>iconPosition\l|<center>center\l|<width>width\l|<height>height\l|<updatedLayer>updatedLayer\r|<pressed>pressed\r" pos="1080,2460" fillcolor="orange" _label="\"Schilderij\"" _font="{\"fontName\":\"HelveticaNeue-Light\",\"pointSize\":28,\"underline\":false,\"color\":{\"r\":0,\"g\":0,\"b\":0,\"a\":1},\"alignment\":\"left\",\"characterSpacing\":1,\"lineSpacing\":1}" _color="{\"r\":1,\"g\":0.50000762939453125,\"b\":0.60000002384185791,\"a\":1}" _iconPosition="\"left\"" _center="{\"x\":0.5,\"y\":0}" _width="0.4" _height="0.1" _updatedLayer_eventThrottling="enqueue" _pressed_eventThrottling="enqueue"];
MakeColorLayer [type="vuo.layer.make.color" version="1.2.0" label="Make Color Layer|<refresh>refresh\l|<name>name\l|<color>color\l|<anchor>anchor\l|<center>center\l|<rotation>rotation\l|<width>width\l|<height>height\l|<layer>layer\r" pos="1320,1755" fillcolor="blue" _center="{\"x\":0.0,\"y\":0.0}" _rotation="0.0" _width="2.0" _height="2.0"];
MakeDictionary [type="vuo.dictionary.make.VuoText.VuoReal" version="1.0.0" label="Make Dictionary|<refresh>refresh\l|<keys>keys\l|<values>values\l|<dictionary>dictionary\r" pos="870,1005"];
MakeDictionary12 [type="vuo.dictionary.make.VuoText.VuoReal" version="1.0.0" label="Make Dictionary|<refresh>refresh\l|<keys>keys\l|<values>values\l|<dictionary>dictionary\r" pos="240,1350" fillcolor="magenta"];
MakeImageLayer2 [type="vuo.layer.make.stretched" version="1.0.0" label="Make Image Layer|<refresh>refresh\l|<name>name\l|<image>image\l|<transform>transform\l|<opacity>opacity\l|<layer>layer\r" pos="1080,840" fillcolor="cyan" _opacity="1.0"];
MakeImageLayer5 [type="vuo.layer.make.stretched" version="1.0.0" label="Make Image Layer|<refresh>refresh\l|<name>name\l|<image>image\l|<transform>transform\l|<opacity>opacity\l|<layer>layer\r" pos="1080,1245" fillcolor="magenta" _opacity="1.0"];
MakeList [type="vuo.list.make.2.VuoReal" version="2.0.0" label="Make List|<refresh>refresh\l|<1>1\l|<2>2\l|<list>list\r" pos="1001,986" fillcolor="cyan"];
MakeList2 [type="vuo.list.make.2.VuoText" version="2.0.0" label="Make List|<refresh>refresh\l|<1>1\l|<2>2\l|<list>list\r" pos="870,1005" _1="\"ScreenWidth\"" _2="\"Xposition\""];
MakeList20 [type="vuo.list.make.2.VuoWindowProperty" version="2.0.0" label="Make List|<refresh>refresh\l|<1>1\l|<2>2\l|<list>list\r" pos="2279,1451" fillcolor="yellow"];
MakeList29 [type="vuo.list.make.2.VuoReal" version="2.0.0" label="Make List|<refresh>refresh\l|<1>1\l|<2>2\l|<list>list\r" pos="381,1331" fillcolor="magenta"];
MakeList3 [type="vuo.list.make.2.VuoLayer" version="2.0.0" label="Make List|<refresh>refresh\l|<1>1\l|<2>2\l|<list>list\r" pos="1574,1061"];
MakeList30 [type="vuo.list.make.2.VuoText" version="2.0.0" label="Make List|<refresh>refresh\l|<1>1\l|<2>2\l|<list>list\r" pos="240,1350" fillcolor="magenta" _1="\"OldHeight\"" _2="\"OldWidth\""];
MakeList6 [type="vuo.list.make.1.VuoLayer" version="2.0.0" label="Make List|<refresh>refresh\l|<1>1\l|<list>list\r" pos="2229,1421" fillcolor="yellow"];
MakeList7 [type="vuo.list.make.3.VuoWindowProperty" version="2.0.0" label="Make List|<refresh>refresh\l|<1>1\l|<2>2\l|<3>3\l|<list>list\r" pos="2279,2411" fillcolor="orange"];
MakeList8 [type="vuo.list.make.2.VuoLayer" version="2.0.0" label="Make List|<refresh>refresh\l|<1>1\l|<2>2\l|<list>list\r" pos="2242,2381" fillcolor="orange"];
MakeRandomValue [type="vuo.noise.random.VuoReal" version="1.0.0" label="Make Random Value|<refresh>refresh\l|<minimum>minimum\l|<maximum>maximum\l|<value>value\r" pos="-990,1245" fillcolor="yellow" _minimum="30" _maximum="60"];
MakeRandomValue2 [type="vuo.noise.random.VuoReal" version="1.0.0" label="Make Random Value|<refresh>refresh\l|<minimum>minimum\l|<maximum>maximum\l|<value>value\r" pos="-345,690" fillcolor="cyan" _minimum="0.5" _maximum="1."];
MakeRandomValue3 [type="vuo.noise.random.VuoReal" version="1.0.0" label="Make Random Value|<refresh>refresh\l|<minimum>minimum\l|<maximum>maximum\l|<value>value\r" pos="-150,1830" fillcolor="blue" _minimum="-0.5" _maximum="0.5"];
MakeRandomValue8 [type="vuo.noise.random.VuoInteger" version="1.0.0" label="Make Random Value|<refresh>refresh\l|<minimum>minimum\l|<maximum>maximum\l|<value>value\r" pos="-540,1275" _minimum="1" _maximum="8"];
MeasureTime [type="vuo.time.measureTime" version="2.0.1" label="Measure Time|<refresh>refresh\l|<time>time\l|<start>start\l|<pause>pause\l|<reset>reset\l|<elapsedTime>elapsedTime\r" pos="-330,570" fillcolor="cyan"];
RenderLayersToWindow [type="vuo.layer.render.window" version="2.4.0" label="Render Layers to Window|<refresh>refresh\l|<layers>layers\l|<multisampling>multisampling\l|<setWindowProperties>setWindowProperties\l|<showedWindow>showedWindow\r|<requestedFrame>requestedFrame\r|<renderedLayers>renderedLayers\r" pos="2325,2370" fillcolor="orange" _multisampling="\"4\"" _showedWindow_eventThrottling="enqueue" _requestedFrame_eventThrottling="drop"];
RenderLayersToWindow2 [type="vuo.layer.render.window" version="2.4.0" label="Render Layers to Window|<refresh>refresh\l|<layers>layers\l|<multisampling>multisampling\l|<setWindowProperties>setWindowProperties\l|<showedWindow>showedWindow\r|<requestedFrame>requestedFrame\r|<renderedLayers>renderedLayers\r" pos="2325,1410" fillcolor="yellow" _multisampling="\"4\"" _showedWindow_eventThrottling="enqueue" _requestedFrame_eventThrottling="drop"];
SampleColorFromImage [type="vuo.image.sample.color" version="1.1.0" label="Sample Color from Image|<refresh>refresh\l|<image>image\l|<center>center\l|<width>width\l|<sampleType>sampleType\l|<color>color\r" pos="615,1770" fillcolor="blue" _width="0.10000000000000001" _sampleType="\"lightest-components\""];
SelectInput3 [type="vuo.select.in.boolean.VuoLayer" version="2.0.0" label="Select Input|<refresh>refresh\l|<which>which\l|<falseOption>falseOption\l|<trueOption>trueOption\l|<out>out\r" pos="2010,1410" fillcolor="blue"];
ShareValue2 [type="vuo.data.share.VuoReal" version="1.0.0" label="Image Height|<refresh>refresh\l|<value>value\l|<sameValue>sameValue\r" pos="-945,960" fillcolor="cyan" _value="0.75"];
ShareValue3 [type="vuo.data.share.VuoScreen" version="1.0.0" label="Share Value|<refresh>refresh\l|<value>value\l|<sameValue>sameValue\r" pos="480,1050" _value="{\"type\":\"secondary\"}"];
SmoothWithDuration2 [type="vuo.motion.smooth.duration.VuoReal" version="1.1.0" label="Smooth with Duration|<refresh>refresh\l|<time>time\l|<setPosition>setPosition\l|<setTarget>setTarget\l|<duration>duration\l|<curve>curve\l|<easing>easing\l|<position>position\r|<reachedTarget>reachedTarget\r" pos="75,1800" fillcolor="blue" _setPosition="0." _curve="\"linear\"" _easing="\"in\""];
SpinOffEvent [type="vuo.event.spinOffEvent" version="1.0.0" label="Spin Off Event|<refresh>refresh\l|<spunOff>spunOff\r" pos="-1170,1215" fillcolor="yellow" _spunOff_eventThrottling="enqueue"];
Subtract [type="vuo.math.subtract.VuoReal" version="1.2.0" label="Subtract|<refresh>refresh\l|<a>a\l|<b>b\l|<difference>difference\r" pos="-300,765" fillcolor="cyan" _b="10"];
Switch [type="vuo.logic.switch" version="1.0.0" label="Switch|<refresh>refresh\l|<toggle>toggle\l|<turnOn>turnOn\l|<turnOff>turnOff\l|<value>value\r" pos="1350,2355" fillcolor="orange"];
X2 [type="vuo.point.make.VuoPoint2d" version="2.0.0" label="Y|<refresh>refresh\l|<x>x\l|<y>y\l|<point>point\r" pos="330,1785" fillcolor="blue" _x="0.0"];

AlignLayerToWindow2:alignedLayer -> MakeList3:2;
AlignLayerToWindow:alignedLayer -> MakeList3:1;
Calculate2:result -> AlignLayerToWindow2:horizontalMargin;
Calculate:result -> Make2DPoint5:x;
ChangeFullscreenStatus:property -> MakeList20:1;
ChangeResizableStatus:property -> MakeList7:3;
ChangeWindowAspectRatio:property -> MakeList7:1;
ChangeWindowTitle:property -> MakeList7:2;
CombineLayers:layer -> SelectInput3:falseOption;
ConvertIntegerToRealNumber2:real -> MakeList29:1;
ConvertIntegerToRealNumber6:real -> Subtract:a;
ConvertIntegerToRealNumber8:real -> MakeList29:2;
ConvertIntegerToRealNumber:real -> MakeList:1;
CropImagePixels2:croppedImage -> MakeImageLayer2:image;
Curve2:value -> Make2DPoint3:x;
Curve2:value -> MakeList:2;
FetchImage:image -> CropImagePixels2:image;
FetchImage:image -> GetImageHeight:image;
FetchImage:image -> GetImageWidth2:image;
FetchImage:image -> MakeImageLayer5:image;
FetchImage:image -> SampleColorFromImage:image;
FireOnStart:started -> ChangeResizableStatus:refresh;
FireOnStart:started -> ChangeWindowAspectRatio:refresh;
FireOnStart:started -> ChangeWindowTitle:refresh;
FireOnStart:started -> ListFiles:refresh;
FireOnStart:started -> Make2DPoint2:refresh;
FireOnStart:started -> MakeRandomValue3:refresh;
FireOnStart:started -> MakeRandomValue8:refresh;
FireOnStart:started -> MakeRandomValue:refresh;
FireOnStart:started -> ShareValue2:refresh;
FireOnStart:started -> ShareValue3:refresh;
FirePeriodically4:fired -> MakeRandomValue8:refresh;
FirePeriodically4:fired -> SpinOffEvent:refresh;
GetImageHeight:height -> ConvertIntegerToRealNumber2:integer;
GetImageHeight:height -> CropImagePixels2:height;
GetImageWidth2:width -> ConvertIntegerToRealNumber6:integer;
GetImageWidth2:width -> ConvertIntegerToRealNumber8:integer;
GetItemFromList4:item -> FetchImage:url;
GetScreenValues:width -> ConvertIntegerToRealNumber:integer;
ListFiles:files -> GetItemFromList4:list;
Make2DPoint2:point -> Make2DTransform2:scale;
Make2DPoint3:point -> CropImagePixels2:topLeft;
Make2DPoint5:point -> Make2DTransform4:scale;
Make2DTransform2:transform -> MakeImageLayer2:transform;
Make2DTransform4:transform -> MakeImageLayer5:transform;
MakeButton2:pressed -> Switch:turnOff;
MakeButton2:updatedLayer -> MakeList8:2;
MakeButton:pressed -> Switch:turnOn;
MakeButton:updatedLayer -> MakeList8:1;
MakeColorLayer:layer -> SelectInput3:trueOption;
MakeDictionary12:dictionary -> Calculate:values;
MakeDictionary:dictionary -> Calculate2:values;
MakeImageLayer2:layer -> AlignLayerToWindow2:layer;
MakeImageLayer5:layer -> AlignLayerToWindow:layer;
MakeList20:list -> RenderLayersToWindow2:setWindowProperties;
MakeList29:list -> MakeDictionary12:values;
MakeList2:list -> MakeDictionary:keys;
MakeList30:list -> MakeDictionary12:keys;
MakeList3:list -> CombineLayers:layers;
MakeList6:list -> RenderLayersToWindow2:layers;
MakeList7:list -> RenderLayersToWindow:setWindowProperties;
MakeList8:list -> RenderLayersToWindow:layers;
MakeList:list -> MakeDictionary:values;
MakeRandomValue3:value -> SmoothWithDuration2:setTarget;
MakeRandomValue8:value -> GetItemFromList4:which;
MakeRandomValue:value -> Curve2:duration;
MakeRandomValue:value -> FirePeriodically4:seconds;
MakeRandomValue:value -> MakeRandomValue2:refresh;
MakeRandomValue:value -> MeasureTime:reset;
MakeRandomValue:value -> MeasureTime:start;
MakeRandomValue:value -> SmoothWithDuration2:duration;
MeasureTime:elapsedTime -> Curve2:time;
RenderLayersToWindow2:requestedFrame -> MeasureTime:time;
RenderLayersToWindow2:requestedFrame -> SmoothWithDuration2:time;
RenderLayersToWindow2:showedWindow -> AlignLayerToWindow2:window;
RenderLayersToWindow2:showedWindow -> AlignLayerToWindow:window;
RenderLayersToWindow:renderedLayers -> MakeButton2:renderedLayers;
RenderLayersToWindow:renderedLayers -> MakeButton:renderedLayers;
SampleColorFromImage:color -> MakeColorLayer:color;
SelectInput3:out -> MakeList6:1;
ShareValue2:sameValue -> Make2DPoint2:y;
ShareValue2:sameValue -> Make2DPoint5:y;
ShareValue3:sameValue -> ChangeFullscreenStatus:screen;
ShareValue3:sameValue -> GetScreenValues:screen;
SmoothWithDuration2:position -> X2:y;
SpinOffEvent:spunOff -> MakeRandomValue3:refresh;
SpinOffEvent:spunOff -> MakeRandomValue:refresh;
Subtract:difference -> Curve2:endPosition;
Switch:value -> SelectInput3:which;
X2:point -> SampleColorFromImage:center;
}