Home

#Key Concepts of Maker.js

Maker.js lets you design shapes with JavaScript code. These shapes have only outlines. Shapes are made from primitive outlines called Paths. There are 3 primitive Paths: line, circle, and arc. Paths are defined by Points and other properties. A group of paths may be contained in what is called a Model. A Model may then contain other Models.

There is no concept of contiguity between paths.

POJO's: Plain old JavaScript objects are used to design your model. To make this work, these plain objects must conform to a schema.

Point

{ x: number, y: number }

example:

var myPoint = { x: 42, y: 99 };

Paths

Paths must contain these properties at a minimum:

• type: string
• id: string
• origin: Point

Line path

{ type: "line", id: string, origin: Point, end: Point }

example:

var myLine = {type:"line", id:"myLine1", origin:{x:0, y:0}, end:{x:42, y:99}};

Circle path

{ type: "circle", id: string, origin: Point, radius: number }

example:

var myCircle = {type:"circle", id:"myCircle1", origin:{x:0, y:0}, radius:13};

Arc path

{ type: "arc", id: string, origin: Point, radius: number, startAngle: number, endAngle: number }

example:

var myArc = {type:"arc", id:"myArc1", origin:{x:0, y:0}, radius:4.2, startAngle:45, endAngle:135};