Add commenting to basic examples.

Ex1 - Basics/01 hello world/video.pxr

@@ -1,20 +1,26 @@
 @ /video root:video {
+  #%pxr.format 2
   #%autostart true
+  #%graph.comment Hello World\n\nA simple video example piping a noise source through\na semi-transparent image.\n\nUse the play button above to start and stop the pipeline.\nUse the properties button above to change frame size,\nframe rate or renderer (software or OpenGL).
   .width 400
   .height 300
   .fps 20.0
   @ ./screen video:output {
-    #%graph.x 562
-    #%graph.y 158
+    #%graph.x 448
+    #%graph.y 351
+    #%graph.comment A video:output component.\n\nProvides properties for configuring the output\nwindow, such as frame title, full screen, scaling, etc.\n(changes require restarting pipeline).
+    #%graph.colors Purple
+    .title "Hello World"
+    .always-on-top true
   }
   @ ./image video:still {
-    #%graph.x 318
-    #%graph.y 159
+    #%graph.x 253
+    #%graph.y 238
     .image [file "resources/hello world.png"]
   }
   @ ./noise video:source:noise {
-    #%graph.x 98
-    #%graph.y 152
+    #%graph.x 62
+    #%graph.y 268
   }
   ~ ./image!out ./screen!in
   ~ ./noise!out ./image!in

Ex1 - Basics/02 slideshow/video.pxr

@@ -1,32 +1,38 @@
 @ /video root:video {
   #%pxr.format 2
-  #%pxr.format 2
+  #%graph.comment Slideshow\n\nA simple slideshow example that fades\nbetween images in a folder.
+  #%graph.colors Green
   .width 400
   .height 300
   .fps 20.0
   @ ./screen video:output {
-    #%graph.x 784
-    #%graph.y 210
+    #%graph.x 700
+    #%graph.y 374
+    .title Slideshow
     .always-on-top true
   }
   @ ./image video:still {
-    #%graph.x 427
-    #%graph.y 173
+    #%graph.x 373
+    #%graph.y 303
     .image [file "resources/images/1.jpg"]
   }
   @ ./snap video:snapshot {
-    #%graph.x 619
-    #%graph.y 179
+    #%graph.x 537
+    #%graph.y 282
+    #%graph.comment A video:snap component grabs a still\nfrom the incoming video, with optional fade.\n\nNote trigger from image ready port, sent\nwhen image has been loaded.
+    #%graph.colors Orange
     .fade-time 4.5
   }
   @ ./timer core:timing:timer {
-    #%graph.x 73
-    #%graph.y 140
+    #%graph.x 24
+    #%graph.y 126
     .period 5
   }
   @ ./files core:array:iterator {
-    #%graph.x 245
-    #%graph.y 156
+    #%graph.x 173
+    #%graph.y 280
+    #%graph.comment A core:array:iterator cycles through a\nlist of images on every trigger from timer.\n\nNote use of \[file-list\] option on values\nto load file list from folder.
+    #%graph.colors Orange
     .values [file-list [file "resources/images/"]]
   }
   ~ ./image!ready ./snap!trigger

Ex1 - Basics/04 video input/video.pxr

@@ -1,26 +1,31 @@
 @ /video root:video {
-  #%pxr.format 2
   #%pxr.format 2
   #%autostart true
+  #%graph.comment Video Capture\n\nSimple video capture example, with animated\nnegative bars drawn on top of webcam image.\n\nRequires webcam (obviously!)
   @ ./output video:output {
-    #%graph.x 594
-    #%graph.y 191
+    #%graph.x 615
+    #%graph.y 351
+    .title "Video Capture"
     .always-on-top true
   }
   @ ./capture video:capture {
-    #%graph.x 226
-    #%graph.y 171
+    #%graph.x 230
+    #%graph.y 302
+    #%graph.comment A video:capture component.\nMake sure device is set!
     .device 1
     .source-width 640
     .source-height 480
   }
   @ ./start-trigger core:start-trigger {
-    #%graph.x 22
-    #%graph.y 173
+    #%graph.x 24
+    #%graph.y 210
+    #%graph.comment A core:start-trigger is required to trigger\nthe camera to start when the pipeline starts.
+    #%graph.colors Red
   }
   @ ./bars video:custom {
-    #%graph.x 427
-    #%graph.y 201
+    #%graph.x 464
+    #%graph.y 282
+    #%graph.comment A custom video code component.\n\nUse right-click -> Edit code to see\nor modify the component.
     .code "
 
     @In(1)

Ex1 - Basics/05 video player/video.pxr

@@ -1,25 +1,28 @@
 @ /video root:video {
-  #%pxr.format 2
   #%pxr.format 2
   #%autostart true
+  #%graph.comment Video Player\n\nPlay a video through a series of colour and\n3D transforms.\n\nNo video file included. Choose one using the\ncustom GUI.\n\nThe colourbalance and 3D transform components\nare currently available in the additional components\nrepository. See www.praxislive.org\n
   .renderer OpenGL
   .width 800
   .height 600
   @ ./output video:output {
-    #%graph.x 718
-    #%graph.y 157
+    #%graph.x 918
+    #%graph.y 105
+    .title "Video Player"
+    .always-on-top true
   }
   @ ./player video:player {
-    #%graph.x 115
-    #%graph.y 205
+    #%graph.x 234
+    #%graph.y 299
+    .video file:/home/nsigma/Videos/garden.avi
   }
   @ ./start-trigger1 core:start-trigger {
-    #%graph.x 26
-    #%graph.y 22
+    #%graph.x 25
+    #%graph.y 301
   }
   @ ./xform-3d video:gl:p3d {
-    #%graph.x 330
-    #%graph.y 143
+    #%graph.x 455
+    #%graph.y 89
     .code "
 
     @In(1)
@@ -65,8 +68,8 @@
     .scale 0.7903225806451613
   }
   @ ./xform-3d-m1 video:gl:p3d {
-    #%graph.x 500
-    #%graph.y 297
+    #%graph.x 703
+    #%graph.y 167
     .code "
 
     @In(1)
@@ -113,8 +116,8 @@
     .scale 2.0
   }
   @ ./colourbalance1 video:custom {
-    #%graph.x 295
-    #%graph.y 315
+    #%graph.x 456
+    #%graph.y 254
     .code "
 
     @In(1) PImage in;
@@ -141,8 +144,8 @@
     .blue 0.0
   }
   @ ./xform-3d-m2 video:gl:p3d {
-    #%graph.x 497
-    #%graph.y 477
+    #%graph.x 705
+    #%graph.y 330
     .code "
 
     @In(1)
@@ -189,8 +192,8 @@
     .scale 1.6935483870967742
   }
   @ ./colourbalance2 video:custom {
-    #%graph.x 296
-    #%graph.y 476
+    #%graph.x 456
+    #%graph.y 372
     .code "
 
     @In(1) PImage in;