https://github.com/bradmartin/nativescript-explosionfield

:collision: NativeScript plugin to create an exploding particle animation :collision:
https://github.com/bradmartin/nativescript-explosionfield

android animation explosionfield nativescript-plugin ui-components

Last synced: 2 months ago
JSON representation

:collision: NativeScript plugin to create an exploding particle animation :collision:

• Host: GitHub
• URL: https://github.com/bradmartin/nativescript-explosionfield
• Owner: bradmartin
• License: other
• Created: 2016-04-01T06:25:40.000Z (over 8 years ago)
• Default Branch: master
• Last Pushed: 2019-03-13T03:30:02.000Z (almost 6 years ago)
• Last Synced: 2024-10-17T07:29:32.087Z (2 months ago)
• Topics: android, animation, explosionfield, nativescript-plugin, ui-components
• Language: TypeScript
• Homepage:
• Size: 9.81 MB
• Stars: 9
• Watchers: 2
• Forks: 5
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
[![npm](https://img.shields.io/npm/v/nativescript-explosionfield.svg)](https://www.npmjs.com/package/nativescript-explosionfield)

[![npm](https://img.shields.io/npm/dt/nativescript-explosionfield.svg?label=npm%20downloads)](https://www.npmjs.com/package/nativescript-explosionfield)

[![GitHub stars](https://img.shields.io/github/stars/bradmartin/nativescript-explosionfield.svg)](https://github.com/bradmartin/nativescript-explosionfield/stargazers)

[![PayPal Donate](https://img.shields.io/badge/Donate-PayPal-ff4081.svg)](https://www.paypal.me/bradwayne88)

# NativeScript-ExplosionField

NativeScript plugin to create an exploding dust effect animation for Android {N} apps.

[*ExplosionField*](https://github.com/tyrantgit/ExplosionField) - **tyrantgit**

*Android Only*

## Installation 

`npm install nativescript-explosionfield`

## Sample

![GifExample](./screens/explode.gif)

**This .gif does not do the animation justice, please watch the YouTube video

to see how smooth it really is. [Watch here on YouTube](https://youtu.be/pjFZgDMvioY)**

## Usage

### XML

```XML

  

    

    

   

  

```

### JS

```JS

// require the plugin module

var explosion = require("nativescript-explosionfield");

function goBoom(args) {    

    // call the *explode* method on the plugin passing in a view

    // on tap events in Nativescript this will be args.object.

    explosion.explode(args.object);

}

exports.goBoom = goBoom;

```

### API

**explode(view)**

- executes the animation