Example of rotation?

[mberrg]

Example of rotation?

[h-ikeda]

Use rotation or rotation-quaternion prop on the VglObject3d component.
Components in the Object group such as VglLine, VglMesh, VglPoints... are based on VglObject3d. So that we can pass props which belongs to VglObject3d to them.

Here is an example:

<vgl-renderer  camera="camera" scene="scene">
    <vgl-scene name="scene">
        <vgl-cylinder-geometry name="cylinder" radius-top="25" radius-bottom="25" height="50"></vgl-cylinder-geometry>
        <vgl-mesh-basic-material name="material"></vgl-mesh-basic-material>
        
        <!-- rotation prop below results the mesh to be rotated -->
        <vgl-mesh geometry="cylinder" material="material" rotation="0.12 0.23 0.34 XYZ"></vgl-mesh>
 
    </vgl-scene>
    <vgl-perspective-camera orbit-position="200 1 0.5" name="camera"></vgl-perspective-camera>
</vgl-renderer>

[h-ikeda]

Since version 1.x, rotating object is achieved by setting rotation mode and corresponding values as props. At v1.0.0, following rotating methods are available.

Defining rotation by Euler

Set rotation prop to 'euler' and pass coordinates and axes order to rotation- prefixed props.

<vgl-mesh rotation="euler" :rotation-x="0.1" :rotation-y="0.2" :rotation-z="0.3" :rotation-order="XYZ" />

Defining rotation by Quaternion

Set rotation prop to 'quaternion' and pass coordinates to rotation- prefixed props.

<vgl-mesh rotation="quaternion" :rotation-x="0.1" :rotation-y="0.2" :rotation-z="0.3" :rotation-w="0.4" />

Defining rotation that object face to specified position

Set rotation prop to 'lookAt' and pass coordinates of the position that the object should face to to look-at- prefixed props.

<vgl-mesh rotation="lookAt" :look-at-x="1.2" :look-at-y="3.4" :look-at-z="5.6" />