Skip to content
Parametric 2D and 3D modeler written in pure javascript
Branch: master
Clone or download
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
build
misc datum move and rotate icons Feb 22, 2019
modules fix width of scalable lines Feb 25, 2019
web implement project manager and bind with actions and menus Feb 25, 2019
.babelrc update webpack and babel Nov 28, 2018
.eslintrc.json update babel, webpack and add adding react Jan 3, 2018
.gitignore add .vs to .gitignore Aug 23, 2017
Gruntfile.js set grunt scripts for releasing Dec 20, 2016
LICENSE
README.md update link to youtube video Dec 21, 2016
package-lock.json fix npm dependency warning Jan 17, 2019
package.json fix npm dependency warning Jan 17, 2019
webpack.config.dev.js
webpack.config.js fix webpack json-loader Jan 17, 2019

README.md

JS.Sketcher

JS.Sketcher is a parametric 2D and 3D CAD modeler written in pure javascript

YouTube Tutorial Video

Live Sample Demo

2D Sketcher

paypal

Current Status

I created this tool for rapid designing of 3d models for my 3D-printer.
The project is still a proof-of-concept(POC) and UI isn't perfect yet. Although a lot of work done and following core components are implemented:

  • Geometric Constraint Solver. This is a most crucial component which allows to solve a system of geometric constraints applied to a sketch. See below the list of supported constraints
  • 2D Sketcher. Allows to design 2d sketches applying geometric constraints. Uses HTML5 canvas for rendering.
  • 3D Modeller. Is used for solid modelling. Uses 2D sketches to perform EXTRUDE and CUT operations on faces of a solid object. Uses WebGL and THREE.js for rendering
  • 3D modeller supports navigation over history of modifications where parameters of the craft operations(extrude/cut) could be changed and reapplied again
  • Export to STL, DWG and SVG formats
  • Saving projects in the browser locale storage
  • Repository of dimensions. For example if there is a line length constraint applied, it's not necessary to hardcode some length value. A dimension with a symbolic name can be created and the constraint can refer to that dimension by name. Once value of dimension gets changed the sketch is resolved again accordingly to the new dimension values.
  • 2D measurement tool. Allows adding dimensions on a 2D drawing(Linear, Vertical, Horizontal and Arc/Circle dimension are supported)
  • No any server-side needed. Only client side Javascript.

This modeller is already used for:

  • Designing of 3d models to get them 3d-printed. 3D models are based on parametric 2d sketches. All models can be exported as an STL file and 3d-printed after.
  • Creating of 2d parametric sketches which could be exported to DWG or SVG format.

Supported Constraints

  • Coincident
  • Vertical
  • Horizontal
  • Parallel
  • Perpendicular
  • Point to Line Distance
  • Point to Object Distance
  • Entity Equality(radius/length)
  • Tangent
  • Radius
  • Point On Line
  • Point On Arc / Ellipse
  • Point In Middle
  • Angle
  • Symmetry
  • Lock Convexity
  • Fillet Meta Constraint

Get Started With the Code

Install node.js

  • $ cd <jsketcher folder>
  • $ npm install
  • $ npm start
You can’t perform that action at this time.