Added a super guide function

README.md

@@ -51,6 +51,8 @@ Additional functions can be found in the [includes](https://github.com/hundredra
 - `(svg x y d)` Returns a svg shape.
 - `(stroke ~shape)` Strokes a shape.
 - `(fill ~rect)` Fills a shape.
+- `(gradient line ~colors 'black'])` Defines a gradient color.
+- `(guide shape)` Draws a shape on the guide layer.
 - `(clear ~rect)` Clears a rect.
 - `(frame)` Returns a rect of the frame.
 - `(center)` Returns a position of the center of the frame.
@@ -59,7 +61,6 @@ Additional functions can be found in the [includes](https://github.com/hundredra
 - `(crop rect)` Crop canvas to rect.
 - `(clone a b)` 
 - `(theme variable ~el)` 
-- `(gradient line ~colors 'black'])` 
 - `(pixels rect fn q)` 
 - `(saturation pixel ~q)` 
 - `(contrast pixel ~q)` 

desktop/sources/scripts/library.js

@@ -94,11 +94,17 @@ function Library (ronin) {
     return rect
   }
 
-  this.gradient = (line, colors = ['white', 'black']) => {
+  this.gradient = (line, colors = ['white', 'black']) => { // Defines a gradient color.
     return ronin.surface.linearGradient(line.a.x, line.a.y, line.b.x, line.b.y, colors)
   }
 
+  this.guide = (shape) => { // Draws a shape on the guide layer.
+    ronin.surface.drawGuide(shape)
+    return shape
+  }
+
   this.clear = (rect = this.frame()) => { // Clears a rect.
+    ronin.surface.clearGuide(rect)
     ronin.surface.clear(rect)
     return rect
   }

desktop/sources/scripts/surface.js

@@ -160,8 +160,8 @@ function Surface (ronin) {
 
   this.drawGuide = function (shape, context = this.guide) {
     this.clearGuide()
-    this.stroke(shape, 5, 'black', context)
+    this.stroke(shape, 3, 'black', context)
-    this.stroke(shape, 2, 'white', context)
+    this.stroke(shape, 1.5, 'white', context)
   }
 
   this.clone = function (a, b) {