Add axes #2

Open
opened 2019-12-11 17:37:34 +00:00 by glen · 7 comments
Owner
No description provided.
glen added this to the 0.2.0 milestone 2019-12-11 17:37:34 +00:00
glen added the
todo
label 2019-12-11 17:37:34 +00:00
Author
Owner

First pass is quite rough; the items it needs next are:

  • axis labels (x,y,z)
  • tick marks and numbering
  • Arrows (cones) at what appear to be the "ends" of the axes in the viewport
  • ticks and numbers adaptive to visible region
First pass is quite rough; the items it needs next are: * axis labels (x,y,z) * tick marks and numbering * Arrows (cones) at what appear to be the "ends" of the axes in the viewport * ticks and numbers adaptive to visible region
Author
Owner

Should be able to grab most of what's needed for axis code from

https://github.com/bwlewis/rthreejs/blob/master/inst/htmlwidgets/scatterplotThree.js

Probably best to put the axis stuff in its own file at this point.

Should be able to grab most of what's needed for axis code from https://github.com/bwlewis/rthreejs/blob/master/inst/htmlwidgets/scatterplotThree.js Probably best to put the axis stuff in its own file at this point.
glen removed the
todo
label 2019-12-12 16:04:21 +00:00
glen added the
todo
label 2019-12-12 16:53:00 +00:00
Author
Owner

I think I will need to go back and forth between this and the movable view. First just use the trackball controls, then come back and get this looking as nice as the transform gizmo (see eg https://github.com/mrdoob/three.js/blob/master/examples/js/controls/TransformControls.js) then try to get view manipulating "correctly" then come back and add self-adjusting ticks and labels, etc.

I think I will need to go back and forth between this and the movable view. First just use the trackball controls, then come back and get this looking as nice as the transform gizmo (see eg https://github.com/mrdoob/three.js/blob/master/examples/js/controls/TransformControls.js) then try to get view manipulating "correctly" then come back and add self-adjusting ticks and labels, etc.
Author
Owner

Actually the code for TransformControls is right in node_modules/three

Actually the code for TransformControls is right in node_modules/three
Author
Owner
Relevant to axis labels: https://stackoverflow.com/questions/35386729/sprite-scaling-causes-incorrect-positioning-and-rotation-in-three-js/35433819#35433819
Author
Owner

Very nice axes for 3d plotting with R: https://github.com/bwlewis/rthreejs/blob/master/inst/htmlwidgets/scatterplotThree.js; maybe look at this for tick scaling

Very nice axes for 3d plotting with R: https://github.com/bwlewis/rthreejs/blob/master/inst/htmlwidgets/scatterplotThree.js; maybe look at this for tick scaling
Author
Owner

Key question: how do we determine the extent of each axis? Want them to always end just inside the viewport.

Key question: how do we determine the extent of each axis? Want them to always end just inside the viewport.
Sign in to join this conversation.
No Milestone
No project
No Assignees
1 Participants
Notifications
Due Date
The due date is invalid or out of range. Please use the format 'yyyy-mm-dd'.

No due date set.

Dependencies

No dependencies set.

Reference: glen/dyna3#2
No description provided.