NativeScript Rotate3D

This is a nativescript plugin to add 3d rotaion (i.e around X, Y and Z).

Installation

tns plugin add nativescript-rotate-3d

<Rotate3D rotate="40" rotateAxis="Y" cameraDistance="2000">
     /* Whatever you want */
</Rotate3D>

Add this to app.module.ts so you can use a Gradient tag in the view:

import { registerElement } from "nativescript-angular";
registerElement("Rotate3D", () => require("nativescript-rotate-3d").Rotate3D);

Since we're subclassing StackLayout, you can add <Rotate3D> to your view at any place where you'd otherwise use a StackLayout.

In addition to any properties you can already set on a StackLayout you should add:

Param	Description	default
rotateAxis	the axis whic the view will rotate around (X, Y, Z)	Z
cameraDistance	the distance between the view and view camera	2000

if you want to help improve the plugin you can consider it yours and make as PRs as you want :)