dice-d63D Rotate

Applies 3D rotation transformations to Sources. Choose between perspective and isometric projection modes, with control over rotation axes and field of view.

Property name
Description
Compatible datatype

input

Input figure to apply 3D rotate

figure

xrot

Rotation around the x-axis

number

yrot

Rotation around the y-axis

number

zrot

Rotation around the z-axis

number

zoom

Controlling camera proximity

number

fov

Angle (in degrees) of the Field of View

number

worldCenter

Rotate from world center (0,0) or shape/group center

boolean

projectionMode

Perspective or Isometric

text

debug

Displays a red cross on the origin of the rotated shapes.

boolean

Example Projects

Static Mesharaarrow-up-right

The 3D rotate node in this example adds perspective to the entire scene.

Collapsing Sunsarrow-up-right There are just 6 nodes in this graph — one being the 3D Rotate.

Chrome Novacronarrow-up-right This example demonstrates how it possible to create a pseudo-three dimensional scene using a couple of 3D Rotate nodes and a Mouse node which adds interactivity and the illusion of a camera pivoting the scene. Use it as a bootstrap to create your own interactive "3D" visuals.

Last updated