Hi @LinGuanfu ! Visually that seeems correct: if you click on help/question mark do you have a menu with a list of examples ? also looking at the console output it seems the two instances are created correctly. Please try opening a design in both panels (or drag & droping a jscad file/folder). The css is not finished and could use some tweaking (or might not be a perfect fit for all use cases, but should be easy to change

@viktor-hedefalk said in Vanilla js/npm in browser?: Or does it resolve those at upload time? Gonna test that… No, it can't do that? That would be the worst security thing ever on a browser to allow… Just watched the tutorial series to the end of part 4 - and the cliffhanger for part 5: https://youtu.be/hnLLNmP_mzA?t=646 "In the next part we will get to how you can split up your design into multiple files…"

Thank you. I will try something similar, it just needs to add a parameter to choose a design number, if the table of random values doesn't have values for this number they are randomly feeded, else they are used for the rendering. Such "mechanism" could be handy for designs using both random values and more than one viewing mode.

@z3dev This looks absolutely amazing ! Lots of uses cases (I am a sucker for 2d in 3d haha)

The simple solutions are always the best. Taking a super thin slice is a great idea, and maybe even the best. The core library will be for core functions, as we expect others (like you) to contribute some really nice high level functionality, such as slicing. If we get the core library rock solid then anything is possible. Projections on to arbitrary planes is on the wish list, but not there yet. Thanks for the awesome posts!

@william-adams might be interested in BlocksCAD https://www.blockscad3d.com/editor/ This can also be found on GitHub, but has not been updated for a few years. https://github.com/EinsteinsWorkshop/BlocksCAD

@kaosat-dev At first I tried to use a 10K triangles model but as it didn't render I downscaled to 5K, 3K, 2K then 1K. And after, I made another model with 2x more slices that this script was unable to render even with a 1K model, so I changed the script to make it render chunks of slices, and it was ok. I suppose it could work with higher resolutions models.

It seems to me that the ‘Code’ tab in the upper right exposes the code in BlocksCAD. I was able to select and copy the code.

@wolfgangfahl To make it work without having to move examples folder, you can run it from your local webserver. I did so from my local apache http server

*Project ID: M0302 OpenJSCAD.org Thank you for applying for Maker Faire Tokyo 2019. We are glad to notice that your exhibit is accepted. We are looking forward to meeting you in Tokyo!* So, it’s now official! Let me know if anyone wants to attend.

You might want to post your question on stackoverflow https://stackoverflow.com/questions/tagged/openjscad - the audience is bigger there.

@William-Adams that is very nice indeed ! Jscad is just a shorter name and less of a mouthful, either is fine @benkei it does indeed work like that, the parameter definitions are parsed by the internals of jscad to be displayed in the UI

I just found that there is an issue on the repository about this concern : https://github.com/jscad/OpenJSCAD.org/issues/438. For the moment I simply copy-paste the content of the library into the script to make it work.

@imkael désolé pour la réponse très tardive ! la version expérimentale avec gestion de modules est ici: https://jscad.xyz/playground.html si j'ai bien compris, oui ça devrait être possible il faudra juste bien exporter les bonnes variables dans chaque module: drilling.jscad const listdrill = function listdrill(type) { var toreturn = []; if (type == ' countersunk'){ toreturn=[ [1.6,3.73,1], [2,4.78,1.1], [3,6.82,1.4], ... ]; if( type =='hexagonal'){ toreturn = [...... ]; return toreturn; } // IMPORTANT !! module.exports = listdrill index.jscad const listdrill = require('..path/to/drilling.jscad') function getParameterDefinitions{ const listdrillPerType = listdrill(type); const foruser = '{name:'drillDiameter', initial: '3', type:'choice', caption: 'diameter', values: ['; for(i=0;i<listdrillPerType.length;i++) { foruser= foruser+'''+listdrillPerType[i][0]+'',';} ... return[ foruser, ]; } function main (params) { } module.exports = { getParameterDefinitions, main }