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/

nice prototype

is it opensource ?

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.

@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.

I also intend to try use view helper from https://threejs.org/editor/


it looks nice and also the circles are clickable to access the top, bottom, front ... camera angles

@danmarshall I am glad somoene is interested ... the code is cramped inside modeler.html in the supplied sample link.
I intend to break it up into useful pieces, but if you are eager to try it:
line 100 to 153 in modeler.html contain then three.js scene setup

I have been playing with threejs and was able to combine jscad and threejs for my designs.
There are some great resources for threejs like this one : https://threejsfundamentals.org/

jscad is great for the modeling part, but after I create the model, I get new ideas I can do with the model in threejs.

my current work in progress is screw generator
http://3d.hrg.hr/jscad/three/modeler.html#model.screw.js

for now this one is completely in threejs.

jscad output will be a polyhedron because it has the same structure as BufferGeometry when creating it

• list of points
• list of triangles with index of point instead of vertex with coordinates

..
while I was working with my other jscad models I have found a way to reuse cached geometry from jscad model. if there is an jscad geometry that is translated or rotated the polygons array is referenced by all of the iterations. I used javascript Symbol to attach threejs BufferGeometry to the polygons array so I can reuse it when such object is in the scene 25 times

I have created a simple function that converts from jscad to threejs (I ignore normals and uv as those are not necessary if no texture is used)

function CSG2Geom(csg){
	if(csg.polygons[geometryCachekey]) return csg.polygons[geometryCachekey]

    const vertices = []
    const indices  = []
    let idx = 0

    const pointAdd = (v) =>{
        if (v.index === undefined){
            v.index = idx++
            vertices.push(v[0], v[1], v[2] || 0)
        }
    }

    for (let poly of csg.polygons){
    	let arr = poly.vertices
        arr.forEach(pointAdd)
        let first = arr[0].index
    	for(let i=2; i<arr.length; i++){
	        indices.push(first, arr[i-1].index, arr[i].index)
    	}
    }
    const geo = new THREE.BufferGeometry();
    geo.setAttribute('position', new THREE.BufferAttribute(new Float32Array(vertices),3))
    geo.setIndex(indices)
    
    csg.polygons[geometryCachekey] = geo

    return geo;
}

The goal of this exploration is not just generating parametric designs, but also to make them more responsive and user friendly (when I have time to do so, I can make custom interface for parameters)

I have only seen one issue on the jscad project mention threejs and there was a user stating he would skip jscad if threejs was a used.
I can agree with that sentiment if threejs was required, because I myself hate bloat in my project.

I intend to continue expanding my personal jscad modeling setup with threejs, and my question here is if you are interested in feedback, and willing sometimes discuss changes in jscad if they would help with such integration.

@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.

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.

@Dunk-Fordyce

There is a discord channel on ELMER server. Somebody there created lots of channels for different cad projects.

here is invite link for #openjscad
https://discord.gg/mGKESsy3

https://jscad.xyz/#https://gist.githubusercontent.com/hrgdavor/c63e34f862aab00cf9253daf2e071812/raw/acbefbcbbb47d7c0e4daf41c5c9be3d43062c56c/tesseract.jscad

I have sth with this function

https://jscad.xyz/#https://gist.githubusercontent.com/hrgdavor/c63e34f862aab00cf9253daf2e071812/raw/acbefbcbbb47d7c0e4daf41c5c9be3d43062c56c/tesseract.jscad

awesome