Getting Started

Visit the Maker.js Playground to edit and run JavaScript from your browser.

Each of the demos will also open in the playground so that you can explore and modify their code.

Download the browser-based version of Maker.js, then upload it to your website:

Or you can link to it:

<script src="http://maker.js.org/target/js/browser.maker.js" type="text/javascript"></script>

To work with Bezier Curves, you will also need a copy of Bezier.js by Pomax:

<script src="https://pomax.github.io/bezierjs/bezier.js" type="text/javascript"></script>

To work with fonts, you will need both Bezier.js (above) and a copy of Opentype.js by Frederik De Bleser

<script src="http://opentype.js.org/dist/opentype.js" type="text/javascript"></script>

Then, in your JavaScript, use the require function to get a reference:

var makerjs = require('makerjs');

<script src="https://cdn.jsdelivr.net/npm/makerjs@0/target/js/browser.maker.js"></script>

To work with Bezier Curves, you will also need a copy of Bezier.js by Pomax:

<script src="https://cdn.jsdelivr.net/npm/bezier-js@2/bezier.js"></script>

To work with fonts, you will need both Bezier.js (above) and a copy of Opentype.js by Frederik De Bleser

<script src="https://cdn.jsdelivr.net/npm/opentype.js@0/dist/opentype.js"></script>

Then, in your JavaScript, use the require function to get a reference:

var makerjs = require('makerjs');

To depend on Maker.js, run this from the command line:

npm install makerjs --save

Then, in your JavaScript, use the require function to get a reference:

var makerjs = require('makerjs');

Next: look at how to do some Basic drawing.