Update: This was fixed after I upgrade the chrome to version 90.
Thanks.

@Pippo-LoVe as mentioned, JSCAD focuses on designs for 3D printing, and therefore colors are essential. Colors are assigned to a geometry / shape after completing all operations.

Colors can also be assigned to individual polygons on 3D geometries.

Having said the above, textures may be possible. But there have not been many requests for this support.

@kenianbei Super! This looks really nice.

I’ll try it out by embedding a simple design into a simple HTML page.

FYI, V2 JSCAD has been released. 😃

Finally I made it fit into one file using obj2jscad.js. It can be seen here.

And for those that don't want to wait... here's the full URL, which adds a query parameter to the end of the website URL.

https://www.openjscad.xyz/?uri=https://thingiverse-production-new.s3.amazonaws.com/assets/46/e9/78/fe/f6/parametric_butt_hinge_3.7.js

I love the idea of putting all the docs in markdown in the git repo itself.

The original site could also be hosted in gh-pages branch. There are a bunch of tools to convert markdown to html, so they could be optionally embedded in the app.

As a stopgap, for anyone needing V1 - there's a copy over at https://creator.buildbee.com

JFo

Nice collection! Might have a look at JSCAD hardware and MakerJS.

Some parts of JSCAD hardware have been included in Buildbee MakeCode (which is V1 JSCad based).

JFo

@z3dev There's one thing that still makes me use obj from my obj2jscad.js. It is that the deserialized obj loses the polygon vertices list and it needs to be rebuild from the geometries, unless I didn'k look at the right place. But as 99 % of the time the user won't use those data, I understand that the deserializer don't keep track of them.

@dburt welcome

Yes. You can make that example work. You might want to take a look at this project, which uses the JSCAD CLI (command line interface) for compiling the design and exporting SVG. Specifically, the 'localfont' project.

https://github.com/jscad-community/jscad-text

If you are going to work with other JavaScript libraries, especially those using async functions or promises then take a look at the 'googlefont' project.

@z3dev 'class' element for sure is interesting as it will ease styling. About 'id', yes it must be used carefully to ensure that each object has its unique id, generally I use names forged from data (line between triangle 23 and 111 has id 'L_23_111', etc.). 'name' is deprecated so it's maybe wise to avoid it, on very old js code I remember i used 'tag', as svg doesn't use it, as svg can use custom attributes, it can be anything. And it would be really great to have exported svg from jscad with such fine details, because it will allow rework those outputs with great ease. I tried to use localStorage from a jscad script and it doesn't work, so my only other possibility would be to output to console.

@veysel-özer thanks for the nice examples.

yeah. this is the behavior of V2. it's probably a BUG when contracting 2D geometries, as 2D geometry must have non-crossing outlines by definition.

a fix can be done in the next version. when that will happen is a big question as everything is on hold waiting for the websites to be restored.

if you have time then please create a new issue at GitHub.

@z3dev Apparently the temporary v2 website doesn't handle links like those of examples, it may be easier to wait for the original website to be online.

We are planning to release on April 1st.

The only thing missing is the websites. 😔