Scriptographer.org - Grid builder

A small and simple tool to set up a grid for your design work. Allows you to define amount of columns, widths, gutters and the baseline. All parts of created grid are grouped.

gridbuilder.js.zip

Really simple, but a nice utility. It'd be nice to be able to define an overall width and number of columns as an option. Probably will add this myself. :)

strange error,

Cannot convert { cyan: 0, magenta: 0, yellow: 255, black: 0.5 } to java.awt.Color
at Examples/Scripts/gridbuilder.js:42

I've tried changing the color mode and values for the var but to no avail.

looks like this worked:

// comment this out
//var components = [0, 0, 255, 0.5];
//var columnColor = new RGBColor(components);

var groupC = new Group();
var groupG = new Group();
var groupI = new Group();

var grid = new Group();
for(var i = 0; i < columns; i++)
{

var bottomLeft = new Point(x, -1200);
var rectSize = new Size(width, height);
var myRect = new Path.Rectangle(bottomLeft, rectSize);
// hard code the value
myRect.fillColor = '#0f3daf';
myRect.strokeWidth = 0;
myRect.opacity = .3
x+=width+gutters;