Posts made by gilboonet

@kevinos No, as I wrote on my first reply, I don't use React.

@kevinos It works for me (I changed the design-url). This error is maybe due to the fact that your server sent html generated content for error 404 (or so on) instead of min.js.

Hello, I cannot help with react as I don't use it. Did you take a look at viewer-minimal.html (https://github.com/jscad/OpenJSCAD.org/blob/master/packages/web/viewer-minimal.html) ? It was my starting point to integrate jscad into web pages.

Thank you. I only work with triangulated models for coding simplicity, even if later (for designs clarity) I usually remove walls between co-planar neighbours. I will certainly soon start to make V2 versions of my code, was only missing this, but for the moment I'm making a vanilla JS pattern editor.

Hello, flattening 3d triangle is very useful for all kinds of projects, and it's not available at this moment on V2, so here's a little function that does it. It comes from this discussion : https://stackoverflow.com/a/8051489

function d2ize(p){
var x0 = p[0][0], y0 = p[0][1], z0 = p[0][2],
    x1 = p[1][0], y1 = p[1][1], z1 = p[1][2],
    x2 = p[2][0], y2 = p[2][1], z2 = p[2][2]
    
var X0 = 0, Y0 = 0
var X1 = Math.sqrt((x1 - x0)*(x1 - x0) + (y1 - y0)*(y1 - y0) + (z1 - z0)*(z1 - z0)),
    Y1 = 0
var X2 = ((x1 - x0) * (x2 - x0) + (y1 - y0) * (y2 - y0) + (z1 - z0) * (z2 - z0)) / X1,
    Y2 = Math.sqrt((x2 - x0)*(x2 - x0) + (y2 - y0)*(y2 - y0) + (z2 - z0)*(z2 - z0) - X2*X2)
    
return [[X0, Y0], [X1, Y1], [X2, Y2]]

}

@z3dev I update the docs with "npm run docs" and now documentation about color is available.

@z3dev Yes, I'm using the dark theme (even if it's not working now). I'm on a 4K screen and V2 runs nicely. I drag & drop my project folder to run it, it always work (on 2K resolution, lots of time it shows the folder contend instead of running it). But after some drags & drops, the parameters window disappear.
(capture of 4K screen)

I'll try to run npm run docs to update the docs.

I'm trying to code my 2 axis interlock slicer on v2, but there are some troubles with my 3d->2d projection code with complex models, so I'm digging the code looking for anything that could help on projection, outline.

@z3dev I tried to use a variable with translate and got

ERROR:
Error: offset must be an array

my code is (last line)

var vol = transforms.center({}, transforms.scale(ech.fill(params.echelle), volume().csg))
  var B = measureBounds(vol)
  let d = vec3.add(B[1], vec3.negate(B[0]))
  let d2 = vec3.scale(1/2, d)
  //vol = transforms.translate([d2[0],d2[1],d2[2] ], vol)
  vol = transforms.translate(d2, vol)

It works with the commented line

It's not something important, but on the top there are captions written in white that can only be seen when there's something on the background.

@z3dev To color I use colors.colorize([r,v,b,a], geom), read from the documentation. I generated it at the end of the installation process as it was the last step.

What is difficult is to know what requires are needed, so I try to make them as large as possible.
In the future, I will certainly try to put utility functions like degToRad into a library.

I didn't find vec3.minus(), vec3.times, so I used respectively add and scale to replace them.

Functions like translate or size attribute of a primitive that need an array doesn't accept a variable containing an array but only a litteral array. Are there coding basics to know to work with vec3/vec2 ?

I wasn't able to use color library, and the generated doc about modeling/color is empty, so maybe it is not available for the moment, or did I miss something during installation ?

Hello, here's a little feedback on V2. I gave it a try yesterday and the installation went perfectly on a PC with a fresh Ubuntu 20. I'm slowly discovering how things work now and I am trying to maintain my code as "simple" as possible as I'm trying to make non-programmers use jscad, but it is slightly more technical than V1 was. You can be very proud of this new jscad.

Hello, I'm using JSCAD for years now to help me build cardboard objects, statues and furniture. I decided at the beginning of this year to build a website offering users to do the same. My crafts need essentially 2d patterns to cut, fold and glue. I used last V1 version that I embedded in my website, and replace viewer-minimal.html with some custom html allowing the user to first choose a 3d model (from a .jscad script, a .stl file, or a .obj file), then one of my crafting scripts that runs on the chosen 3d model. User configures the craft as needed, then run its 2d mode that renders 2d data. Last, user click on "Créer PDF" (create PDF) that uses the 2d data and make a .PDF file. It works fine and not only on pc (I use Ubuntu/Firefox) but also on tablet (Android).

You can use it here : https://gilboonet.github.io/OpenJSCAD.org/packages/web/scripts.html
There are some example models on "(Charger volume)".

"Depliage" script takes lot of time to render and it can take advantage of colored zones (materials) from a .obj file.

code is here (but beware I'm not an IT pro) https://github.com/gilboonet/gilboonet.github.io/tree/master/OpenJSCAD.org/packages/web see scripts.html and dist/scripts.js )

I didn't find exactly what is different between the two environments (normal jscad and min), could be getBounds() into min.js. But I fixed it using hard coded values, and it's ok. The aim of my app is to allow average user to select a 3d file then a script that will run on the model from this file and at the end create a pdf file with the cuts and folds needed to build the model. On my site I also put links to the jscad script I use to people can learn from them, but sadly if the first script was easy, it quicky gets difficult for beginners. The scripts app is here : https://gilboonet.github.io/OpenJSCAD.org/packages/web/scripts.html

Hello, I have a script that works fine standalone (right of the snapshot), but when I embed it on a html5 app, it is buggy. I tried to run it using viewer-minimal and it is buggy just the same.
The standalone script is here : https://openjscad.org/#https://gilboonet.github.io/scripts/test_tr2.jscad (must rotate X to 90). The script makes cross sections from a volume, here the bug is that the top of the orange slices is missing. With other 3d models other parts are missing. I will try to investigate this but I'm not sure it is something I'm able to debug.

Hello, you can use design parameters, it is documented here : https://openjscad.org/dokuwiki/doku.php?id=quick_reference_parameters. You add a function called getParametersDefinition() where you describe your parameters, and you add a parameter variable to your main() so it become main(params). Then you can use params.myParam1.value and so on into your code.

@z3dev Hello, I didn't open an issue because it's V1, but I will do it so we could keep track of the solution I used. Yesterday I tried my little html5 app on my android tablet with Firefox and it works perfectly

even the PDF creation part

I finally succeeded using localStorage. A little trouble is that I needed to protect the code using localStorage with a try..catch because even if it works it fires an jscad error. I hope to do the same using V2 as soon as possible.

I made a video showing the process as it is now, you choose a .jscad script with the volume, then a second .jscad script that will use that volume. On the video, the second script slices the volume and write data to the console that must be copied. Then the second app is fed with those data and creates a multi page pdf from them. What I'm trying to do is do all into one app.

https://youtu.be/qSnvnlS-A0A

To better explain what I am trying to do, I put a little app here : https://gilboonet.github.io/OpenJSCAD.org/packages/web/scripts.html
It needs to browse ("parcourir..." button) for a .jscad file that it opens and render,
then a click on the other button ("Calculer dimensions") creates code by :

• renaming "main()" to "volume ()" on the opened .jscad file
• add that code to my jscad code that uses volume() to do something with (give volume dimensions).
• then run gProcessor.setJsCad(source, 'differenceP.jscad'); where source contains the code described before.

My question is : is it possible to retrieve the returned geometries and/or other data (here the dimensions), so that my html5 app can use them ? Very nice things would be to be able to get that from DOM, otherwise an export as JSON.