search

jscad / OpenJSCAD.org

JSCAD is an open source set of modular, browser and command line tools for creating parametric 2D and 3D designs with JavaScript code. It provides a quick, precise and reproducible method for generating 3D models, and is especially useful for 3D printing applications.
https://openjscad.xyz/
MIT License
2.66k stars 515 forks source link

simple shape GUI for making new shapes/code #314

Open jtoy opened 6 years ago

jtoy commented 6 years ago

the ability from the web browser GUI to generate new drawings from a shape GUI

here is how I envision it could be implemented: 1# split the left window into 2 and in the bottom window put a small "shape picker GUI" that can drag and drop shapes to the main view to render that shape in the "render GUI". Then for whatever shapes are in the "render GUI", it automatically updates the code in the top right code window. I can also download the latest code from the "generate JS" button I did a mockup https://cl.ly/3I2P2M1k0O2O

Would something like this be useful for everyone?

kaosat-dev commented 6 years ago

Hi @jtoy cool idea ! It could really help beginners, children etc and is close to blockly/code blocks in spirit I think. I experimented with visual => code and code => visual generation a while back and it can be very fun to have things like this! I will be honest I do not know what really fits the current UI : there were multiple alternate suggestions for more complex UI, and before any of these are possible the current UI would need a major cleanup & upgrade.

jtoy commented 6 years ago

i might try to get a simple prototype of it if you all thinkg it would be useful

jtoy commented 6 years ago

i have a very crappy prototype that is working, but not very good. is it worth sharing?

z3dev commented 6 years ago

@jtoy Thanks I'd like to see what others can do with the libraries. Please share.

kaosat-dev commented 6 years ago

@jtoy yes please ! :)

jtoy commented 6 years ago

@z3dev @kaosat-dev here is a very crude GUI working for this: https://github.com/jtoy/jscad_code_generator_gui I would love to see about getting something like this embedded in the core.

jtoy commented 6 years ago

and here are some images of it: https://cl.ly/081z1Q081d0Y https://cl.ly/2S0h2n2y1A3I

jtoy commented 6 years ago

also you can demo it here, keep in mind it barely works, just to show the idea: http://3dgraphicsplus.com/OpenJSCAD/

WillAdams commented 5 years ago

Is this related?

http://openjscad.azurewebsites.net/blockly/index.html

Should it be working? How do I get OpenJSCAD code out of it?

z3dev commented 3 years ago

Is this related?

http://openjscad.azurewebsites.net/blockly/index.html

Should it be working? How do I get OpenJSCAD code out of it?

Umm... no. It’s an example of blockly only.

There are some other websites using Blockly to generate JSCAD designs, and view the results.