Very basic ViewCube

[leemun1]

Hi everyone,

Just wanted to share my very basic implementation of ViewCube.
It transforms the view to face the model at a orientation specified by one of the cube faces.

Live example

Source

[hofk]

Great, I’ll put it in the collection.

---

related

View Cube box icon

Hi I want to show a view cube box or Orientation cube to show different views(i.e .front,top,right etc) of my CAD models.I am showing different views on button click but i need this in view cube box click icon. the icon i am looking for is like this: [image] I don’t know from where to start this Can anybody suggest or share any code for this.

see in the Collection of examples from discourse.threejs.org 2019

https://hofk.de/main/discourse.threejs/2019/index2019.html
the CubeBoxIcon - @prisoner849

[naotaro0123]

Looks like 3DS Max’s ViewCube.
Thanks for sharing the source code on github.
React & TypeScript code are really good!!

[drcmda]

html overlay is an interesting solution! this was our attempt, an orthographic projection via r3f: https://codesandbox.io/s/react-three-fiber-viewcube-py4db (would still need onClick to react to clicks)

we use it in a slightly more complex form in a web based cad system

[Fyrestar]

Did you oriented on the Unity one too? I join the club

THREE.OrientationControls

A HTML based orientation box overlay, an example with snapping to the axis is included. THREE.OrientationControls [OrientationControls]

[Click_Clock_Boom]

I made one entirely with three.js for my viewer too.

demo: http://glb-viewer.blogspot.com/
source: https://github.com/bytezeroseven/GLB-Viewer