> For the complete documentation index, see [llms.txt](https://codalin.gitbook.io/nodalin-docs/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://codalin.gitbook.io/nodalin-docs/nodes-reference/effects/3d-rotate.md).

# 3D Rotate

<table data-header-hidden><thead><tr><th width="141.6597900390625"></th><th></th></tr></thead><tbody><tr><td><div><figure><img src="https://937151318-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F44MuVIHBk5o5yfcGn64w%2Fuploads%2FDMrOwG4Zb8SVi1ljPb7m%2Fimage.png?alt=media&amp;token=8a295528-88fe-4710-89cb-99e8c4d47d88" alt="" width="76"><figcaption></figcaption></figure></div></td><td>Applies 3D rotation transformations to <a href="/nodalin-docs/nodes-reference/sources.md">Sources</a>. Choose between perspective and isometric projection modes, with control over rotation axes and field of view.</td></tr></tbody></table>

<table><thead><tr><th width="154.97265625">Property name</th><th width="405.0546875">Description</th><th>Compatible datatype</th></tr></thead><tbody><tr><td>input</td><td>Input figure to apply 3D rotate</td><td>figure</td></tr><tr><td>xrot</td><td>Rotation around the x-axis</td><td>number</td></tr><tr><td>yrot</td><td>Rotation around the y-axis</td><td>number</td></tr><tr><td>zrot</td><td>Rotation around the z-axis</td><td>number</td></tr><tr><td>zoom</td><td>Controlling camera proximity</td><td>number</td></tr><tr><td>fov</td><td>Angle (in degrees) of the Field of View</td><td>number</td></tr><tr><td>worldCenter</td><td>Rotate from world center (0,0) or shape/group center</td><td>boolean</td></tr><tr><td>projectionMode</td><td>Perspective or Isometric</td><td>text</td></tr><tr><td>debug</td><td>Displays a red cross on the origin of the rotated shapes.</td><td>boolean</td></tr></tbody></table>

### Example Projects

[Static Meshara](https://app.nodalin.xyz/project/bb518707-9f21-43da-8141-f49947ebea77)

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

<div data-with-frame="true"><figure><img src="https://937151318-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F44MuVIHBk5o5yfcGn64w%2Fuploads%2FPv8Y7g9NXRr0yC9AGLlT%2Fimage.png?alt=media&amp;token=2fc292de-c271-4ac1-b413-b742e8daf1f0" alt="" width="563"><figcaption></figcaption></figure></div>

[Collapsing Suns](https://app.nodalin.xyz/project/00d249ae-ad20-43f1-b5ff-a157955d8762)\
There are just 6 nodes in this graph — one being the 3D Rotate.

[Chrome Novacron](https://app.nodalin.xyz/project/f8c7bd3e-3ac0-4ca8-82d3-eb5c96b2587a)\
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.