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

Make UI work better on mobile

Open davibe opened this issue 5 years ago • 11 comments

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

davibe avatar Jan 03 '19 14:01 davibe

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

danmarshall avatar Jan 08 '19 01:01 danmarshall

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

davibe avatar Jan 09 '19 10:01 davibe

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

  • ACE (more recent versions) : still not a huge fan
  • Code Mirror : some pros & cons compared to ACE
  • Monaco: great in theory , never managed to get it working

kaosat-dev avatar Jan 09 '19 10:01 kaosat-dev

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.

davibe avatar Jan 09 '19 11:01 davibe

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

kaosat-dev avatar Jan 09 '19 11:01 kaosat-dev

CodeMirror does seem to work on mobile.

danmarshall avatar Jan 09 '19 16:01 danmarshall

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

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

z3dev avatar Jan 09 '19 22:01 z3dev

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)

GDur avatar Mar 25 '19 22:03 GDur

@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 avatar Aug 16 '20 03:08 z3dev

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

z3dev avatar Sep 25 '20 07:09 z3dev

www.openjscad.xyz

@davibe If satisfied then please close this issue.

z3dev avatar Aug 13 '22 11:08 z3dev