Making of orbit controls with a cube gizmo for camera

[hrgdavor]

latest progress will be here on top, and rest in comments as it happens
Many things are working, themes, gizmo, orbit control, all 3 engines, animating camera jumps

bandicam.2022-12-06.23-25-59-113.mp4

parameter form is also working 2023-01-21

bandicam.2023-01-21.18-58-23-661.mp4

[hrgdavor]

It is still the goal to implement this for all 3 engines regl three babylon. And looking into issues with current effort for threejs, the example OrbitControls do not support animating rotation jumps, or even setting a specific angle after creation, or getting current camera value. Things are moving in the direction of creating a standalone OrbitControls that do not depend on either engine. Likely will take one from regl in jscad that has more features and uses gl-matrix functions.

here is a video of orbit controls and two gizmos.One is in webgl other in HTML and css3d
https://user-images.githubusercontent.com/2480762/200510475-eadf51a7-422a-4be9-9e7a-01173836c8fe.mp4

[hrgdavor]

Looks like it is enough to change camera position and lookAt location to control all 3 cameras.

One nuance is that babylon and regl will keep the lookAt if camera location is moved, but three will also move the lookAt. It does not matter which behaviour is "correct" but is important to be aware of.

[hrgdavor]

current jscad

bandicam.2023-01-21.19-05-31-375.mp4

my new prototype is still ugly, but things are progressing bit by bit

It was my mission from the first attempt at making a new jscad prototype to allow script developers to optimize for performance and bling.

in this example I took a complex model and added caching so that model is kept in case only View Options parameters change. Those only affect rotation of the parts.

also I enhanced parameter definition to allow for live updates for any of the parameter (it is not default, but opt-in)

bandicam.2023-01-21.18-58-23-661.mp4