nativescript-rotate-3d
TypeScript icon, indicating that this package has built-in type declarations

0.8.0 • Public • Published

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

Example

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

Usage

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

Next

  • [x] implement rotaion in X, Y, Z.
  • [ ] handel animation using view animate method.
  • [ ] improve procpective relation between ios and android.

Contribute

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

Get Help

Please, use github issues strictly for reporting bugs or requesting features.

Contact

Twitter: hamdiwanis
Email: hamdiwanis@hotmail.com

/nativescript-rotate-3d/

    Package Sidebar

    Install

    npm i nativescript-rotate-3d

    Weekly Downloads

    4

    Version

    0.8.0

    License

    Apache-2.0

    Unpacked Size

    24.5 kB

    Total Files

    12

    Last publish

    Collaborators

    • hamdiwanis