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.

There is some progress in the prototype of jscad that is able to run 3 different 3D engines:

• regl
• Three.js
• Babylon.js

https://github.com/jscad/OpenJSCAD.org/discussions/944

https://user-images.githubusercontent.com/2480762/152607806-0d244616-f0b5-4212-8db5-691e5d5ec0b7.mp4

I am using github gists, and then make a link to openjscad taht opens that gist

example:
https://jscad.xyz/#https://gist.githubusercontent.com/hrgdavor/7419194097fc2ffd42d840f82fc83ca1/raw/31e0194693629e780e3b82848f9082d1796814ec/rounded_top.js

and gist is :
https://gist.github.com/hrgdavor/7419194097fc2ffd42d840f82fc83ca1/

as discussed here: https://github.com/jscad/OpenJSCAD.org/discussions/893

Initial test integration is available (now: 2021-08-01) https://cadhub.xyz/dev-ide/jscad

check it out, feedback is appreciated.

nice prototype

is it opensource ?

visit https://cadhub.xyz/projects to see our first example there ... I chose the prettiest one :), although the slowest one I have

Hi,
kudos for the atx connector generator, pretty nice one

I am using windows 10 and chrome. Auto-reload on jscad.xyz works just fine for me.

Bu it only works for me if I drag and drop the jscad file on the button, but not if I click the button and chose the file.

I have used livereload for many years now and I use the one from npm:
https://www.npmjs.com/package/livereload
It may not have been developed for years but it just works.

livereload is actually not required, but it helps to reload changes faster (notice changes faster)
without livereload jscad has to scan project files/files periodically which can become slow

...
I have also converted from OpenSCAD when I discovered openjscad.

copy pasta from https://github.com/jscad/OpenJSCAD.org/discussions/1141

Sharing this idea and also calling to discuss improvements to it.
Even ideas how jscad could be improved to better facilitate use case like this are welcome.

Very often when creating thins for 3d print I have multiple parts, so in time I have created a sort of template I like to use. Even if I have single piece I tend to split design in few parts to more easily handle it.

This is the latest iteration that solves few issues for me

• parameter definition to select a part is generated automatically
• no need to declare configurable parameters in each function ( func that creates a part)
• can reuse one part in another part

const jscad = require('@jscad/modeling')
const {sphere, cube} = jscad.primitives 
const {translate} = jscad.transforms

// all of the functions that generate parts will see the parameters without declaring them explicitly
const main = ({//@jscad-params
  size=10, // {type:'slider'}
  part,
}, getParams)=>{

  // UTILITY placeholder for part generator functions
  const parts = {}

  // CTRL+R in vscode works just fine
  parts.Sample_Cube = ()=>cube({size})

  parts.Sample_Sphere = ()=>{
    return sphere({radius:size/2})
  }

  // parts can easily be combined
  parts.Assembly = ()=>([
    // jump to definition in vscode (ALT+click) works
    parts.Sample_Cube(),
    translate([size+5,0,0], parts.Sample_Sphere()),
  ])

  /*********************** UTILITY below is just utility code. do not change **************** */

  // we were called by getParameterDefinitions so we need to provide list of parts
  if(getParams === true){
    const values = Object.keys(parts)
    return {values, initial: values[0]}
  }

  // make sure we always call one of the functions
  if(!parts[part]) part = Object.keys(parts)[0]
  return parts[part]()
}

const getParameterDefinitions = ()=>[{ name: 'part', caption:'Part', type: 'choice', ...main({}, true)}]

module.exports = {main, getParameterDefinitions}

@rich-27 thanks for the feedback ... it is nice see more people join the community. Have fun and create more cool stuff

@rich-27 Browser glitches are pain to investigate and fix.

I am not a dev here, but I am curious.

Could you just for sake of more info test your "dice charging station" in chrome incognito(without plugins or ad blockers)

make sure "Enable Auto-reload" is checked and then use drag and drop to load the project file.

@z3dev got my first email from this user group and daily digest. That is great news that you got this working.

https://discourse.threejs.org/t/three-bvh-csg-a-library-for-performing-fast-csg-operations/42713

claims even 100x performance for booleans

look at this smooth realtime boolean

https://gkjohnson.github.io/three-bvh-csg/examples/bundle/simple.html

It is dependant on threejs, but is interesting to explore nevertheless
https://github.com/gkjohnson/three-bvh-csg

@Hermann-SW this is one of many thing we would like to implement, but it is not implemented, or even specified as a possible future feature.

Current 3d engine is regl, and I am working on interchangeable support for Three.js and Babylon.js.

regl has slowed down with development but Three.js and Babylon.js are very much active
Getting info what object is clicked or mouse over is easy in Three.js and Babylon , but for regl I am not sure (it may or may not be easy to do).

You likely want to use jacad to generate geometries, give them some identifiers, interact with them and then upon interaction change the model with performance in mind by updating only things that changed.

This is something we could colaborate on, but it is not something that can be simply implemented as part of jscad script runner. Because the current workflow for jscad is:

• make a script
• expose getParameterDefinitions - jscad can generate params form
• expose main method - jscad will call it with parameters and display result
  As you can see there is no concept of partial interactions or reactive changes, it is more like a commandline program that you write, and jscad calls to display it's output in 3d (and provide export option)

there are several building blocks that make this combo getParameterDefinitions + main work, with proper separation of those building blocks users would be allow to create much more than just scripts that produce 3d geometry. But such efforts take time, and we are low on man-power.

One such reusable block I started creating is code editor https://github.com/hrgdavor/jsx6/tree/main/libs/editor-monaco although there are nice code editors, they are not too easy to use or combine with JS projects (takes too much knowledge) so I am aiming to create more friendly wrappers. Each editor is stuck with their own cool build process and tooling that was popular at the time of the project start.

I am also improving my skills with web workers, and babel transformations to provide building blocks for script execution with proper line numbers in stack traces and built-in browser's debugger integration.

so, slowly something is comming along ... slowly...

copy pasta from https://github.com/jscad/OpenJSCAD.org/discussions/1141

Sharing this idea and also calling to discuss improvements to it.
Even ideas how jscad could be improved to better facilitate use case like this are welcome.

Very often when creating thins for 3d print I have multiple parts, so in time I have created a sort of template I like to use. Even if I have single piece I tend to split design in few parts to more easily handle it.

This is the latest iteration that solves few issues for me

• parameter definition to select a part is generated automatically
• no need to declare configurable parameters in each function ( func that creates a part)
• can reuse one part in another part

const jscad = require('@jscad/modeling')
const {sphere, cube} = jscad.primitives 
const {translate} = jscad.transforms

// all of the functions that generate parts will see the parameters without declaring them explicitly
const main = ({//@jscad-params
  size=10, // {type:'slider'}
  part,
}, getParams)=>{

  // UTILITY placeholder for part generator functions
  const parts = {}

  // CTRL+R in vscode works just fine
  parts.Sample_Cube = ()=>cube({size})

  parts.Sample_Sphere = ()=>{
    return sphere({radius:size/2})
  }

  // parts can easily be combined
  parts.Assembly = ()=>([
    // jump to definition in vscode (ALT+click) works
    parts.Sample_Cube(),
    translate([size+5,0,0], parts.Sample_Sphere()),
  ])

  /*********************** UTILITY below is just utility code. do not change **************** */

  // we were called by getParameterDefinitions so we need to provide list of parts
  if(getParams === true){
    const values = Object.keys(parts)
    return {values, initial: values[0]}
  }

  // make sure we always call one of the functions
  if(!parts[part]) part = Object.keys(parts)[0]
  return parts[part]()
}

const getParameterDefinitions = ()=>[{ name: 'part', caption:'Part', type: 'choice', ...main({}, true)}]

module.exports = {main, getParameterDefinitions}

Also if you have commandline that produces a jscad script to be executed, you can use jscad to view it without placing it online

if you have a commandline like: command_produce_sth_for_jscad.sh > test.js

then you open https://openjscad.xyz/ and turn on Auto reload and drag and drop the test.js

each time you want to update the output you can run command_produce_sth_for_jscad.sh > test.js
and jscad will notice changed file and reload it.

That looks cool. What is the the use case for those planar graphs ?

@antoine-guillaume this could be done by adding support for a second function getDynamicParameters where:

• firstly getParameterDefinitions is called and a list of basic parameters is generated and remembered
• secondly getDynamicParameters is called but with the values from the form and it provides more inputs
• on any change to base parameters, getDynamicParameters is called again with changed values to regenerate dynamic list of inputs

if there are ppl interested in this feature please open an issue or a discussion where we could define a feature like this. This is something I could implement relatively easy in my new prototype, but is unlikely I would have patience to buid it ony the current jscad web from master branch.
https://github.com/jscad/OpenJSCAD.org/discussions/944

progress of the mentioned prototype with suport for different wegl libs can be found here:
https://github.com/jscad/OpenJSCAD.org/discussions/944

I have just made another step forward: mesh support (but with some quirks ATM)
I have some lighting to fix, and also babylonjs for some weird rason uses left handed system (this adds a bit of complexity to the worker to support it properly)

Also when switching viewers, if they are different orioentation currently I need to run the script again manually to get properly oriented triangles

https://user-images.githubusercontent.com/2480762/162638934-7a945625-420d-4041-98fc-5735fcc34c6b.mp4

for now best piece of code to start with using jscad standalone or creating an app is I think in packages/utils/regl-renderer/demo.html

it is the basis I used for my jscad experiments

@udif perhaps add an issue on git, with examples what you would like to do with parameters, we could discussit there a bit more, and maybe come-up with some ideas.

This is not something possible right now, so it could be a feature request.