Posts made by hrgdavor

For those that have V1 designs this could be useful

https://3d.hrg.hr/jscad/V1/

example url
https://3d.hrg.hr/jscad/V1/#https://gitlab.com/johnwebbcole/jscad-utils/raw/master/dist/examples/chamfer.jscad

this will soon be fixed https://github.com/jscad/OpenJSCAD.org/issues/935

@z3dev this to do with OES_element_index_uint I have added as a step to move fwd to simplify webgl for large geometries where indices easily go over 65536.

this check is not required right now as new code for converting to webgl buffers is not yet done.

@gilboonet could you upgrade the browser u are using, or install a different one on that tablet ?

@cncandi there is url format supported by openjscad:

https://openjscad.xyz/?uri=http://3d.hrg.hr/jscad/three/model.braile.js

@hamade the error is exactly right

you have given an url that is not a script, it fails on syntax parsing.

and if you take a look into network tab you will see why

you need to fix your proxy script and web server config so it returns js file that you expect instead of perl source of your proxy script.

@platypii that is great for situations where only one model is shown webpack must be doing some tree shaking, because when I tested jscad/modeling package is 150k minimized.

Your case is really extreme size optimization, great job.

A demo project on git that does this for some simple model would be cool

another use case is a minimal build to run a model, but one that is reusable, it would be bit bigger as it would include whole 150k modeling package, but would be reusable for multiple scripts/models.

@z3dev maybe we could create an md or wiki page to list interesting projects done using jscad.

@gilboonet it is hard to say why jscad does not work on old tablet, could be many different reasons. It should, but who knows what error happens that it fails. We try to keep it compatible.

please check browser network tab(it can be seen there why you get syntax error):

also in network tab you can see the url that is called and if you open it in a diffferent tab:
https://www.fablab-shinagawa.org/jscad/packages/web/remote.pl?url=https://fablab-shinagawa.org/jscad/designs/canHolder.js

it looks like your perl script is not executed. You need to cofigure web server to run it instead treating as static asset

@gilboonet for the examples you have here on the screenshots you may get better results by doing booleans in 2d and then extrude.

The boolean operations in jscad are based on polygons of the geometries and it is a generic algorithm, it is possible from there that you get resulting geometry that looks good, but creates difficulties when slicing.

You of course want to use the tool that gives you good results right now, but if you have time to investigate this further it would be appreciated.

It is interesting to me to see if this is something that could be fixed, or at least if there could be a workaround.

one advantage jscad has over OpenCascade is that regular build of WASM for OCCT is 12MB.

@OrganicPanda thanks ... I will post it on the forum,

I am preparing a branch on jscad to experiment, and will open a discussion page for it. That branch will contain whatever code, so it will not be added to jscad directly, but serve as starting point for proper implementation after I am satisfied with the prototype.

One cool thing that was easy to make in threejs was 3d view: anaglyph(red,blue) and stereo side-by.side .. so it will also be part of the exepriments.

http://3d.hrg.hr/jscad/three/threejscad2.html?stereo=Anaglyph&uri=model.logos.js
http://3d.hrg.hr/jscad/three/threejscad2.html?stereo=SideBySide&uri=model.logos.js
http://3d.hrg.hr/jscad/three/threejscad2.html?stereo=ParallaxBarrier&uri=model.logos.js

This idea was pushed by one of users that likes to do VR stuff. I also trid to enable VR, but that experiment was not as easy, somethig got messed-up

@platypii yes, jscad has moved from custom syntax to require from V1 to V2, but in menatime ES6 import is becomming more and more popular, and is looking to take over require in the long run .

I am putting not because I dont like import/export, as it has plenty of advantages(easy tree shaking...). I am because it is also another layer of confusion for new users ... especially those unfamiliar with javascript and if it takes over require completely, then jscad will need refactoring in the future.

@platypii that is excellent news. If you could share the code in some way, so other jscad users could make use of it

regl has an advantage over threejs as it has less features, so can easily be more compact.

I was also able to reduce threejs to 420k (minimized, not gzipped) for the needs of rendering jscad models.

Some may need full set of features form threejs and maybe already have included full threejs in their website, but others will also likely want a small optimized version of any of those libs (regl, threejs), so sharing both types of examples will benefit the community. We will just need to see where to put links to them.

is this due to different output genrated for the same 3d geometry ?

cascade studio uses OCCT that could be preserving surfaces closer to what u expect.

it should be possible to use OCCT inside jscad in the future, but you should use tool that gives you better results right now.

If you find out what is breaking your flow while using jscad, let us know

@gilboonet np, keep the cool tools comming I will let you know as soon as I have a simplified way to integrate with jscad.

@hamade if you setup proper "Access-Control-Allow-Origin" header on your server when downloading https://fablab-shinagawa.org/jscad/designs/fruitsHolder.js you would be able to do it without proxy by direct fetch from js

this url would work then for my proto that has no proxy
https://3d.hrg.hr/jscad/three/threejscad2.html?uri=https://fablab-shinagawa.org/jscad/designs/fruitsHolder.js

for exampe if I put your script to gihtub as a gist it works
https://3d.hrg.hr/jscad/three/threejscad2.html?uri=https://gist.githubusercontent.com/hrgdavor/08e61d2014ed7b62078fa9106380f634/raw/815d639e16bfa4e88e65e2e50b6772bc17cab35a/fruit.js

@OrganicPanda that is neat example of jscad integrated into react-fiber. @z3dev it would be cool to mention that one too as example of integration.

https://codesandbox.io/s/react-three-fiber-threejscad-m2w4c?file=/src/App.js

@OrganicPanda those scripts are a bloody mess. Next iteration is to make them little better and to separate out the code that is bridge between jscad and threejs so it can be independently used to render jscad in any webgl lib (regl, threejs, babylon, etc...)

And those will be part of jscad, so yes on npm

I am looking forward to cooperating with you to make demos that do stuff with less megabytes ... so don't give up, stay tuned, and lets make some fun stuff,

@gilboonet you could try export JSON. The json export will give you exact copy of the objects you return from the main method. Then you can continue using the objects in your other script the same as it would be inside the main

Unfortunately, things that would make this possible easily are still in develompment.

option1 (future)

3mf serializer is on the way and with it you would be able to export colors I think and then use threjs 3mf import

Option 2 (you can do right now)

you can use my nasty coded(below linked) jscad prototype to load jscad script(only single file scripts currently) and do 3mf export there(it does have a bug with instances right now, but I could get to fixing it if you rly need this).

Option 3 (you can do right now)

If you are eager to do it and not have time to wait these things in jscad core, here is a link to my nasty code that runs jscad using threejs instead of regl
http://3d.hrg.hr/jscad/three/threejscad2.html?

You need to export json (it is just JSON.stringify of the geometries)

Make a page with threejs, load json, and then convert those to BufferGeometry

code I have to convert from jscad to threejs is in these 2 scripts:

http://3d.hrg.hr/jscad/three/CSGToBuffers.js
http://3d.hrg.hr/jscad/three/CSG2Object3D.js

I have cleaning to do to bring this to jscad, along with some other changes needed in jscad inernally.

If you want to use this right now, and you have questions about the scripts I can also be reached on discord.

@Ion-0 you could use https://github.com/donalffons/opencascade.js to generate step files.

Opencascade is WASM build of OCCT, that is if 12MB, but could be custom built smaller if all you need is STEP export.

There are some efforts to create a simpler wrappers around it but non yet available as those devs have just recently started playing with this.