JSCAD User Group

z3dev

Here's something for those wanting 'more' from JSCAD designs.

The 'fs' (File System) module is available to designs, both NODE.js and WEB versions.

const fs = require('fs')

The WEB versions is not 100% compatible, but it can provide access to other data. For example, fonts can be added to the contents of a JSCAD project. And the font can be read via the 'fs' module.

const data = fs.readFileSync('project_text/Osaka.ttf')

And used with the jscad-text project, outlines of characters can be created very easily.

const {primitives} = require('@jscad/modeling')

const { loadFontFromData, textToPaths } = require('./jscad-text')

const fs = require('fs')

const main = (params) => {
  const data = fs.readFileSync('project_text/Osaka.ttf')

  const font = loadFontFromData(data)

  const paths = textToPaths({font, segments: 144}, 'JSCAD!　大好きです!')

  return paths
}

module.exports = { main }

z3dev

Please get the latest version of JSCAD V2, as there have been some changes as well as bug fixes.

There are now four pre-packed libraries. NOTE: Some of the library names have been changed.

core: jscad-core.min.js, UMD library exporting 'jscadCore'
modeling: jscad-modeling.min.js, UMD library exporting 'jscadModeling'
web: jscad-web.min.js, UMD library exporting 'jscadWeb'
regl-renderer: jscad-regl-renderer.min.js, UMD library exporting 'jscadReglRenderer'

For more information see the README file for the packages.

New Features:
all: standardize package contents, improving published packages
core: added build script and configuration for publishing

Bug Fixes:
io: corrected all meta data in deserializer and serializers, and corrected to use package version in meta data
io-utils: split out Blob and converted to ES5 class, added test suite
io-utils: converted BinaryReader to ES5 class
modeling: corrected extrudeWalls to ignore invalid polygons(walls) which occurs if slices overlap
modeling: corrected slice creation for negative (-x) biased shapes
regl-renderer: corrected orientation of presets
regl-renderer: adjusted default rotation rate for auto-rotate
regl-renderer: corrected entitiesFromSolids to use transforms from geometries
regl-renderer: corrected zoomToFit to ignore 2D geomerties and visual entites (draw commands)
web: corrected keyboard shortcuts and selection of auto-rotate
web: changed the file system watcher to use setTimeout(), and calculate dynamic delays
web: changed intial camera position so X and Y axis point to positive coordinates

Successfully published:

@jscad/cli@2.0.0-alpha.10
@jscad/core@2.0.0-alpha.10
@jscad/examples@2.0.0-alpha.5
@jscad/amf-deserializer@2.0.0-alpha.7
@jscad/amf-serializer@2.0.0-alpha.8
@jscad/dxf-deserializer@2.0.0-alpha.7
@jscad/dxf-serializer@2.0.0-alpha.7
@jscad/io-utils@2.0.0-alpha.7
@jscad/io@2.0.0-alpha.9
@jscad/json-deserializer@2.0.0-alpha.7
@jscad/json-serializer@2.0.0-alpha.7
@jscad/obj-deserializer@2.0.0-alpha.7
@jscad/stl-deserializer@2.0.0-alpha.8
@jscad/stl-serializer@2.0.0-alpha.7
@jscad/svg-deserializer@2.0.0-alpha.7
@jscad/svg-serializer@2.0.0-alpha.8
@jscad/x3d-serializer@2.0.0-alpha.8
@jscad/modeling@2.0.0-alpha.7
@jscad/array-utils@2.0.0-alpha.4
@jscad/img-utils@2.0.0-alpha.4
@jscad/regl-renderer@2.0.0-alpha.9
@jscad/vtree@2.0.0-alpha.8
@jscad/web@2.0.0-alpha.12

BIG NOTE: The V2 website is also using this release.

There's on-line documentation as well for those needing additional information about the modeling API.

For those using a local copy of JSCAD V2, be sure to run the following commands.

git pull
npm run clean (and answer Y)
npm run bootstrap

Both CLI and WEB UI are usable for creating designs. In the WEB UI, it's best to drag-n-drop project folders to the window, and work with the pieces via a favorite editor. If "Enable auto reload" is checked then changes will be detected, and rendered again.

For those wanting to get hold of JSCAD V2, it's still in 'early adoption' mode. But you can get started here.

And a BIG THANKS for everyone that has provided feedback. Keep those comments coming!

z3dev

Maker Faire Tokyo 2019
日時：2019年8月3日（土）、8月4日（日）
会場：東京ビッグサイト（東京都江東区有明3-11-1）
アナウンス: https://makezine.jp/blog/2019/01/mft2019_announce.html

Maker Faire Tokyo 2019
Dates: August 3rd to August 4th
Place: Tokyo Big Site
Announcement: https://makezine.jp/blog/2019/01/mft2019_announce.html

I’m hoping to show JSCAD again this year. Let me know if you’re in town.

z3dev

@BarbourSmith Thanks.

I noticed that as well. For now, you'll have to manually switch the version to 'alpha'.

z3dev

It’s been a while since we have posted any update on V2, so here’s a few notes on what’s going on.

First, the reorganization of the CSG library is almost done, but like always the last 5% takes the most time. Once again, the major goals are:

Move to functional API, i.e. no more monolithic objects
Standardized function names, parameters, error checks, etc.
Lots of small modules to allow more reuse
Math and Geometry data structures based on arrays
Tests for everything

There have been some name changes to functions, but the new names are clear. Parameter names haven’t changed much, but one major change is the usage of RADIANS for all angles and rotations. There are several bug fixes and improvements as well. Tests… yeah… lots… 394 test suites with over 90% coverage.. and this will continue to improve.

Second, all JSCAD libraries are being brought together into one repository; OpenJSCAD.org. This allows the libraries to be managed together, and produce releases faster. And hopefully, contributions from anyone at any level will be easier. This includes the CSG library, IO library, and new viewer.

Third, you can start following along. There are still a few major changes coming, but you can already get a good feel for things by cloning the OpenJSCAD.org repository, and looking at the V2 branch.

Feel free to ask any questions about V2.

z3dev

We had a great time showing JSCAD at Maker Faire, showing both V1 and V2 (alpha alpha) to folks, as well as entertaining kids with a small toy designed with JSCAD. As usual, the faire was packed both Saturday and Sunday.

z3dev

There's a new release of JSCAD, including changes from several previous pull requests.

Fixes:
modeling: correced snapPolygons to remove duplicate vertices which is possible (#791) (1eaf86f)
regl-renderer: corrected zoomToFit for 2D geometries (#793) (2a05d3e)

Successfully published:

@jscad/cli@2.1.0
@jscad/core@2.1.0
@jscad/examples@2.1.0
@jscad/amf-deserializer@2.0.1
@jscad/amf-serializer@2.0.1
@jscad/dxf-deserializer@2.1.0
@jscad/dxf-serializer@2.0.1
@jscad/io-utils@2.0.1
@jscad/io@2.0.1
@jscad/json-deserializer@2.0.1
@jscad/json-serializer@2.0.1
@jscad/obj-deserializer@2.0.1
@jscad/stl-deserializer@2.0.1
@jscad/stl-serializer@2.0.1
@jscad/svg-deserializer@2.1.0
@jscad/svg-serializer@2.1.0
@jscad/x3d-serializer@2.1.0
@jscad/modeling@2.1.0
@jscad/array-utils@2.0.1
@jscad/img-utils@2.0.1
@jscad/regl-renderer@2.0.1
@jscad/vtree@2.0.1
@jscad/web@2.1.0
lerna success published 23 packages

z3dev

There's some new functionality coming with V2, which is pretty exciting. So, I thought a little preview would be nice.

This is the new offset() function, which can calculate the offset of a path or a 2D geometry.

Here's a photo of a line (black) being offset both positive (green) and negative (red), with rounded corners.

And here's a simular image of a 2D geometry, but note that this geometry has a hole. So, offsets are applied to both inside and outside edges. In this case, the corners are only connected at the intersection of the edges.

Hope you like this one!

z3dev

@kevinos welcome!

The JSCAD model (code) is required as the compilation is completed by the browser. So, you will have to find ways to obfuscate the code.

z3dev

There's a new release of JSCAD, including changes from several pull requests.

Bug Fixes

examples: corrected sphere, text, balloon examples, added orientation example (#840)
regl-renderer: added reasonable defaults for drawGrid
regl-renderer: corrected conversion of empty solids to entities, updated tests
regl-renderer: corrected determination of camera position change in orbitControls
web: another attempt to fix performance / elasticity issues of viewer
web: replaced JSON comparisons with ID comparisons in viewer

FYI, the most-gestures package has been integrated into the web package.

Successfully published:

@jscad/cli@2.2.2
@jscad/core@2.3.2
@jscad/examples@2.2.0
@jscad/regl-renderer@2.1.1
@jscad/web@2.3.1

Thanks to @hrgdavor for the viewer improvements.

z3dev

So, it's time for another update on V2 progress.

We have been busy finishing those last 5% of changes to the CSG library, which is DONE!!! And now, those changes are being merged into the larger repository (OpenJSCAD.org) as V2 changes.

There's a lot of COOL things in V2.

As mentioned earlier, all of V2 has full test coverage, so we now know when changes break things. And, we have also been working on some performance tests as well, in order to know when performance is affected.

I thought you'd be interested...

Here's a comparison of V2 performance versus V1 performance. Note that comparisons are not apples to apples, but you'll get an idea of what's improving. Also, we now know where we need to improve as well.

PDF File

z3dev

@kevinos no problem.

so, JSCAD designs are actually Javascript functions which perform calcuations, create geometry, perform operations with geometry, and finally return the geometry of interest.

const {primitives} = require('@jscad/modeling')

const main = () => {
  let object1 = primitives.circle({radius: 22, segments: 36})
  object1.color = [1,0,0,1]

  return object1
}
module.exports = {main}

The return of object1 from main() is a 2D geometry, i.e. a geom2 object. In the WEB UI, this object is passed to the 'rendering' function, and shows up on the screen as a red circle.

The Vue component requires 2D/3D geometries as well. And as a Vue component, it can live inside another Vue component (or application). This is the rendering piece only.

The JSCAD WEB UI is doing a whole lot more underneath. It loads all the code, evaluates (compiles?) each piece of code, and finally executes the main() function.

If you want this functionality then there's some more plumbing required.

z3dev

There's a new release of JSCAD, including changes from several pull requests.

Features

modeling: added mat4.invert (#860)

Bug Fixes

cli: corrected assembly of options for serialization and deserialization
amf-deserializer: corrected conversion of color specifications found on object elements
amf-serializer: corrected conversion of colors found on geometries and polygons
dxf-deserializer: corrected conversion of color values found on entities
io: corrected assembly of serialization options in generateOutputData
svg-deserializer: corrected conversion of stroke/fill to geometry color
modeling: corrected snapPolygons to maintain color attributes
modeling: corrected triangulatePolygons to maintain color attributes
web: fix render onresize (#854)

Performance Improvements

web: removed JSON serialization of solids between worker and main threads (#853)

Successfully published:

@jscad/cli@2.2.4
@jscad/core@2.3.4
@jscad/amf-deserializer@2.1.1
@jscad/amf-serializer@2.0.5
@jscad/dxf-deserializer@2.3.1
@jscad/dxf-serializer@2.0.5
@jscad/io-utils@2.0.4
@jscad/io@2.0.5
@jscad/json-deserializer@2.0.5
@jscad/json-serializer@2.0.4
@jscad/obj-deserializer@2.0.4
@jscad/stl-deserializer@2.1.1
@jscad/stl-serializer@2.0.5
@jscad/svg-deserializer@2.2.3
@jscad/svg-serializer@2.2.2
@jscad/x3d-serializer@2.2.3
@jscad/modeling@2.4.0
@jscad/regl-renderer@2.1.3
@jscad/vtree@2.0.5
@jscad/web@2.3.3

Thanks to @hrgdavor for the performance improvements.

z3dev

HEADS UP! Please get the latest version of JSCAD V2, as there have been some BIG name space changes in the modeling API.

math => maths
geometry => geometries

These are the last major changes to the modeling API, as all big changes have been completed.

The WEB UI is now quite usable for creating designs. It's best to drag-n-drop project folders to the window, and work with the pieces via a favorite editor. If "Enable auto reload" is checked then changes will be detected, and rendered again.

For those wanting to get hold of JSCAD V2, it's still in 'early adoption' mode. But you can get started here.

And a BIG THANKS for everyone that has provided feedback. Keep those comments coming!

z3dev

@kevinos sure.

here's the code https://github.com/z3dev/vue-components

this is only a viewer for a pre-compiled (JSON) design. V2 only!

z3dev

There's a new release of JSCAD, including changes from several pull requests.

Features

modeling: added mat4.isIdentity()
regl-renderer: added new command drawLines, and adjusted demos (#863)

NOTES:

For applications that use regl-renderer, please update the options for the renderer.

  drawCommands: {
    // draw commands bootstrap themselves the first time they are run
    drawAxis: drawCommands.drawAxis,
    drawGrid: drawCommands.drawGrid,
    drawLines: drawCommands.drawLines, // NEW
    drawMesh: drawCommands.drawMesh
  }

Successfully published:

@jscad/cli@2.2.5
@jscad/core@2.3.5
@jscad/amf-deserializer@2.1.2
@jscad/amf-serializer@2.0.6
@jscad/dxf-deserializer@2.3.2
@jscad/dxf-serializer@2.0.6
@jscad/io-utils@2.0.5
@jscad/io@2.0.6
@jscad/json-deserializer@2.0.6
@jscad/json-serializer@2.0.5
@jscad/obj-deserializer@2.0.5
@jscad/stl-deserializer@2.1.2
@jscad/stl-serializer@2.0.6
@jscad/svg-deserializer@2.2.4
@jscad/svg-serializer@2.2.3
@jscad/x3d-serializer@2.2.4
@jscad/modeling@2.5.0
@jscad/regl-renderer@2.2.0
@jscad/vtree@2.0.6
@jscad/web@2.4.0

z3dev

Please get the latest version of JSCAD V2, as there have been some major bug fixes, and new functional enhancements.

WEB UI now has touch gestures for mobile devices, across all browsers (except Explorer which is not ES6 compliant.)

There's a new align function which can align a set of objects using various X, Y, and Z orientations, as well as centers. Thanks to @SimonClark for the contribution!

New Features:

modeling: add transforms.align() and measurements.measureAggregateBoundingBox() functions
dxf-serializer: (export) added support for colors
svg-deserializer: (import) added support for segments option

Bug Fixes:

web: fix json import
web: support sparse arrays from main() (fixes from @MathieuLoutre)
web: V2 enable multi-gesture touch events for mobile devices

For those already using JSCAD V2, be sure to run the following commands.

git pull
npm run clean (and answer Y)
npm run bootstrap

Both CLI and WEB UI are usable for creating designs. In the WEB UI, it's best to drag-n-drop project folders to the window, and work with the pieces via a favorite editor. If "Enable auto reload" is checked then changes will be detected, and rendered again.

For those wanting to get hold of JSCAD V2, it's still in 'early adoption' mode. But you can get started here.

And a BIG THANKS for everyone that has provided feedback. Keep those comments coming!

z3dev

@Cid-Zhang Thanks! And, welcome!

Your models look very cool. I'm sure that others will enjoy creating various hinged shapes as well.

Please let us know if you need some assistance with JSCAD. There are lots of very experienced users in the group.

z3dev

There's a new release of JSCAD, including changes from several pull requests.

Features

svg-deserializer: added pathSelfClosed option to control construction of overlapping paths
regl-renderer: typescript definitions and generator

Bug Fixes

modeling: corrected CCW determination in 2D hulls
regl-renderer: improve demo, adding pan and zoom
web: added open issues and discord community to help
web: adjusted layout of status messages

Performance Improvements

regl-renderer: use webgl2 as default context or enable OES_element_index_uint extension

Successfully published:

@jscad/cli@2.2.6
@jscad/core@2.3.6
@jscad/amf-deserializer@2.1.3
@jscad/amf-serializer@2.0.7
@jscad/dxf-deserializer@2.3.3
@jscad/dxf-serializer@2.0.7
@jscad/io-utils@2.0.6
@jscad/io@2.0.7
@jscad/json-deserializer@2.0.7
@jscad/json-serializer@2.0.6
@jscad/obj-deserializer@2.0.6
@jscad/stl-deserializer@2.1.3
@jscad/stl-serializer@2.0.7
@jscad/svg-deserializer@2.3.0
@jscad/svg-serializer@2.2.4
@jscad/x3d-serializer@2.2.5
@jscad/modeling@2.5.1
@jscad/regl-renderer@2.3.0
@jscad/vtree@2.0.7
@jscad/web@2.4.1

Once again, thanks to @hrgdavor for the bug fixes and the improvements to the rendering.

z3dev

I forgot to mention that the renderer now includes a packaged library. See 'packages/utils/regl-renderer/dist/reglRenderer.js'

This library can be used standalone in websites to render JSCAD geometries. This is for developers that want to implement other javascript components, like React.js based components, etc.

Best posts made by z3dev

Bug Fixes

Features

Bug Fixes

Performance Improvements

Features

Features

Bug Fixes

Performance Improvements