JavaScript Library to Create Parametric 2D & 3D CAD Designs

Getting Started with JSCAD

The recommended way to install is using npm. Please use the following command a smooth installation.

 npm install @jscad/modeling 

You can also install it manually; download the latest release files directly from GitHub repository.

Create New Design via JavaScript API

The open source OpenCascade library supports multi-threading for certain operations. The library does not provide native support for multi-threading, as JavaScript is a single-threaded language. However, developers can use Web Workers in their application to perform certain tasks in a separate thread, which can improve performance and responsiveness. There following example demonstrates how to use a Web Worker to perform a heavy computational task in a separate thread while keeping the main UI responsive.

 const {CAG, CSG} = require('@jscad/csg');

// create a simple shape like a cube:

const cube = CSG.cube({
  center: [0, 0, 0],
  radius: 10
});

//export your design in a desired format:

const stlSerializer = require('@jscad/stl-serializer');
const stlData = stlSerializer.serialize(result);
console.log(stlData);

Convert Designs Format in JavaScript Apps

The open source JSCAD library gives software developers the ability to convert format of any design to the other supported file formats. The library has included support for various popular file formats, such as STL, AMF, DXF, JSON, X3D, SVG images and many more. To convert the format of an existing file, first you need to load an existing file and choose the output file formats. The designs can be easily shared with others as file attachments to mail, messages, etc.

const {CSG} = require('@jscad/modeling')
const {STL} = require('@jscad/stl-serializer')

// Load the design file in the desired format
const stlString = fs.readFileSync('design.stl', 'utf8')

//Convert the STL format to a JSCAD CSG object:

const design = STL.parse(stlString)
const stlString = STL.serialize(design)
fs.writeFileSync('manipulated_design.stl', stlString)

CAD Shape Transformations via JavaScript Apps

The JSCAD library makes it easy for software developers to creating 3D shapes and models inside their own JavaScript applications. The original shape can be transformed any number of times. The library has provided a set of functions and features for shape transformation, such as rotating Shapes by any given angle about the X, Y, and Z axis, scale shapes by any factor, shapes translation (moved) to another location, align or center shapes across X, Y, and Z axis, mirror (reflect) Shapes, and so on.

const { cuboid } = require('@jscad/modeling').primitives
const { rotateX,rotateY,rotateZ } = require('@jscad/modeling').transforms
 
const myshape = cuboid({size: [5, 20, 5]})
let newshape = rotateX((Math.PI * 2 / 4), myshape)
newshape = rotateY((Math.PI * 2 / 24), newshape)
newshape = rotateZ((Math.PI * 2 / 12), newshape)