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

Make UI work better on mobile #417

Open davibe opened 5 years ago

davibe commented 5 years ago

I noticed that openjscad works great on my iPhone XS Max. It's only the UI that is not mobile friendly.

I think i want to try to modify one of the examples to make it more so. Maybe at some point I/we could create a mobile app that let's you save/list/export models. Could be wrapped with ReactNative so that it's both for iOS and Android.

If anyone is interested, has already done some work, wants to give some guidance, I hope we can discuss it here. Thank you

danmarshall commented 5 years ago

What are your thoughts on the JavaScript code editor on mobile? Do you think it is required?

davibe commented 5 years ago

The code editor of openjscad is both javascript and scad. I think it is required yes. I think with phablet and ipads it's an interesting option to be able to hack a few idea while you're traveling.

I forked openjscad and started customizing it. The main proble i faced is that ACE is not good on mobile. I was trying to integrate MONACO editor (the one from vscode) but it's not very straightforward. Them my holidays ended :)

I hope to get back to this at some point

kaosat-dev commented 5 years ago

Hi @davibe ! You came to similar conclusions I think :) For V2 of Jscad I tried out

davibe commented 5 years ago

The other thing that needs a bit of work is the camera handling (rendering view) for panning and rotating which should be based on multitouch. But it's probably not required at first. The rest is just layout.

kaosat-dev commented 5 years ago

the V2 viewer is build from the ground up to be more mobile friendly, (and the general UI as well ;)

danmarshall commented 5 years ago

CodeMirror does seem to work on mobile.

z3dev commented 5 years ago

Yeah. There’s a lot of promise out there...

https://en.m.wikipedia.org/wiki/Comparison_of_JavaScript-based_source_code_editors

GDur commented 5 years ago

Good news everyone, I started a fork for mobile support (responsiveness) but in the master branch (v1). Here is the link to the branch: https://github.com/GDur/OpenJSCAD.org/tree/responsives-web Then I read that one should use the V2 branch but I can't get it to run on my computer. Some problem with node-gyp and the "rebuild" process. Can anybody here tell me where I can get help for this problem? I would really like to add a responsive feature. Thank you :) (I am using Windows 10)

z3dev commented 4 years ago

@GDur can you try the latest V2 branch? i think you will have better luck now. here's some information on how to get started.

https://openjscad.org/dokuwiki/doku.php?id=early_v2

Also, if you find any issues in V2 then please open a new issue.

z3dev commented 4 years ago

FYI, multi-touch gestures are now supported in V2. Maybe it's time to try V2? :)

z3dev commented 2 years ago

www.openjscad.xyz

@davibe If satisfied then please close this issue.