OpenJSCAD.org icon indicating copy to clipboard operation
OpenJSCAD.org copied to clipboard

simple shape GUI for making new shapes/code

Open jtoy opened this issue 8 years ago • 10 comments

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?

jtoy avatar Nov 07 '17 17:11 jtoy

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.

kaosat-dev avatar Nov 08 '17 09:11 kaosat-dev

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

jtoy avatar Nov 08 '17 15:11 jtoy

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

jtoy avatar Dec 09 '17 17:12 jtoy

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

z3dev avatar Dec 09 '17 22:12 z3dev

@jtoy yes please ! :)

kaosat-dev avatar Dec 09 '17 22:12 kaosat-dev

@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 avatar Dec 30 '17 01:12 jtoy

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

jtoy avatar Dec 30 '17 01:12 jtoy

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

jtoy avatar Dec 30 '17 01:12 jtoy

Is this related?

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

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

WillAdams avatar May 29 '19 14:05 WillAdams

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.

z3dev avatar Mar 07 '21 12:03 z3dev