JSCAD User Group

z3dev

Yup. The old fixTJunctions() function is not present in V2. There's a pull request to add this functionality back, which is under review now.

z3dev

@Ion Welcome!

You are already doing things that 'normal' designers don't attempt.

There's a piece of code that does a very simular thing, converting 3D polgons (from boolean operations) to 2D sides. This might help you to understand a little more about the 2D geometry (geom2).

https://github.com/jscad/OpenJSCAD.org/blob/V2/packages/modeling/src/operations/booleans/fromFakePolygons.js

z3dev

@gilboonet This is awesome! Thanks for sharing!

I've see these in Japan, and even watched some story tellers who use the butai. It's the traditional way to tell stories in Japan. Lots of fun for the kids.

z3dev

@hrgdavor nice reply.

that was my first thought after looking at the example from @Robert-Olson

transforms (translation, rotation, scale, center, etc) are very fast, as only the matrix part of the geometry is modified. so, create a 'part' once and translate many times.

here's a example from one of my designs.

const makeRow = (h, p) => {
    let i = 0
    let x = 0
    let y = 0
    let c = circle({radius: p.case_b_v_h, segments: p.segments})
    let holes = [c]
    for (i = 1; i < h; i++) {
        y = y + (p.case_b_v_h * 2) + p.case_b_v_g
        holes.push(translate([x, y], c))
    }
    return translate([0, -(y / 2)], holes)
}

z3dev

@crysislinux another very good area for some nice documentation.

Currently, the 2D curves are based on Bezier curves. And the IO libraries convert various curve definitions into bezier curve definitions.

SVG paths can define bezier curves as well.

You'll find lots of online tutorials on how to create bezier curves. And hopefully, you will be able to apply some of those examples within JSCAD.

P.S. 3D bezier curves are called NURBS.

z3dev

@Cid-Zhang Fun site! Thanks for the inspiration!

z3dev

@gilboonet Thanks for the nice comments on the release.

Any feedback on the editor is welcome. The editor is based on CodeMirror which has a huge number of options, themes, etc.

z3dev

@Charlie-Funk Welcome!

The best option is to use OpenSCAD application.

JSCAD V1 (www.openjscad.org) supports a subset of the OpenSCAD functionality, and you can just drag and drog the file onto the lower white space (It says "Drag and drop file here...")

I hope that you have copy of the original .scad file. It's just a text file, so you can open and check the contents with various applications.

z3dev

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

New Features:
web: initial implementation of the built-in editor

Bug Fixes:
modeling: corrected calculation of plane for complex slices
modeling: re-implemented poly2.isPointInside to correct issues in expand/offset
web: fix instant update
web: corrected shortcuts for reloading scripts
core: corrected logic of applyParameterDefinitions to retain parameter values when no definition is found

Successfully published:

@jscad/cli@2.0.0-alpha.12
@jscad/core@2.0.0-alpha.12
@jscad/amf-deserializer@2.0.0-alpha.9
@jscad/amf-serializer@2.0.0-alpha.10
@jscad/dxf-deserializer@2.0.0-alpha.9
@jscad/dxf-serializer@2.0.0-alpha.9
@jscad/io-utils@2.0.0-alpha.9
@jscad/io@2.0.0-alpha.11
@jscad/json-deserializer@2.0.0-alpha.9
@jscad/json-serializer@2.0.0-alpha.9
@jscad/obj-deserializer@2.0.0-alpha.9
@jscad/stl-deserializer@2.0.0-alpha.10
@jscad/stl-serializer@2.0.0-alpha.9
@jscad/svg-deserializer@2.0.0-alpha.9
@jscad/svg-serializer@2.0.0-alpha.10
@jscad/x3d-serializer@2.0.0-alpha.10
@jscad/modeling@2.0.0-alpha.9
@jscad/regl-renderer@2.0.0-alpha.11
@jscad/vtree@2.0.0-alpha.10
@jscad/web@2.0.0-alpha.14

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!

Have a great and safe 2021!!!

z3dev

@gilboonet thanks again.

yeah. it looks like a t-junction issue again. if you have the time then please try the V2 branch called ' v2-fix-t-junctions', as some feedback on the changes would be good.

z3dev

@drewpear strange indeed.

sorry, but i don't have any suggestions at this time. i will post again if i think of something.

by the way, i just submitted a pull request to enable the editor again for the V2 website. this should be available in the next 'alpha' release.

i also opened a new issue for changing the shortcuts for the 'reload' of designs. this will be important for mobile devices which has soft keyboards.

z3dev

@drewpear interesting.

so, just to confirm things... you are running the application on Android OS... Chrome browser.

Do you know the versions of Android OS and Chrome?

I haven't seen this before so some more information would be useful to reproduce.

You point about SHIFT-RETURN and F5 is valid. Mobile support should be available. Do you have any suggestions on a keystroke for mobile browsers?

z3dev

@Cid-Zhang Another cool application using V2 JSCAD.

https://bitbybit.dev/home

z3dev

@tektio there are several people working with V2 JSCAD libraries now.

Here's one that I created to show how to use the viewer, as well as some of the common core functions.

https://github.com/z3dev/vue-components

Take a look at the General Discussions, as there's a thread started that lists some of the projects.

z3dev

@tektio V2 JSCAD is very different then V1 JSCAD.

The old examples are no longer usable with V2 JSCAD.

Probably the best way to enabled two viewers would be through the use of the VUE components, but you'll have to write some HTML / JavaScript.

https://github.com/z3dev/vue-components

z3dev

@inleftfield welcome to the user group.

there have been several posts where outline fonts have been used in designs. hopefully, you will be able to find those easily.

there's a small community project called 'jscad-text' which should provide enough information to get started.

also, some recent changes to V2 JSCAD allow designs to load and access fonts.

z3dev

@Cid-Zhang here's a new one!

https://www.nametag-designer.com/

z3dev

https://mod.seblee.me/

z3dev

@gilboonet Thanks for the feedback.

The the text parameter issue, please create a new issue. I suspect there's some kind of bug.

For the OBJ import issue, can you send the OBJ file to me? z3-dev@gfnews.net
The design is not that large so I would like to do some tests with the OBJ file.

z3dev

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

New Features:
modeling: initial typescript declarations (#726)
web: enhanced to support auto-reloading from livereload (#729)

Thanks to @ahdinousaur for the Typescript declarations.
Thanks to @hrgdavor for the livereload functionality

Bug Fixes:
svg-deserializer: enhanced to support mirror transforms
svg-deserializer: corrected order of SVG transforms
svg-deserializer: fixed translate transforms with one value
svg-deserializer: added X/Y translate for group and use entities
svg-deserializer: corrected size of rectangles when instantiating
regl-renderer: calculate a variable distance to the camera when pannning