This package has been deprecated

    Author message:

    Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

    sc-thanos
    TypeScript icon, indicating that this package has built-in type declarations

    0.6.1 • Public • Published

    ScThanos

    A SuperheroicCodings implementation of a Thanos like vaporize effect usable as an angular directive. This library was generated with Angular CLI version 8.x

    Live Demo:

    Click the technology cards on https://angularexamples.superheroiccoding.de

    Usage

    Depedencies:

    To install run

    npm install sc-thanos --save
    

    This lib uses html2canvas. So please run

    npm install html2canvas --save.
    

    Prepare your angular app:

    Add to your root app module.

    @NgModule({
      ...
      imports: [...
        ScThanosModule.forRoot(options)
      ]
    })
    export class AppModule {...}
    

    And add ScThanosModule to your shared module exports to make the directive available.

    @NgModule({
      ...
      exports: [...
        ScThanosModule
      ]
    })
    export class SharedModule {...}
    ]
    

    ScThanosOptions can be injected into the forRoot method:

    field type default description
    animationLength number 5000 the animation length in ms
    maxParticleCount number 400000 max amount of particles
    particleAcceleration number 30 speed of the particle acceleration

    ScThanosDirective usage

    Use the directive scThanos on your element and reference it using @ViewChild(ScThanosDirective) in your component or directly in html via template ref:

    <div scThanos 
      #thanos="thanos" 
      (scThanosComplete)=onComplete()>
      This div will be vaporized on click
      </div>
    <button (click)="thanos.vaporize(removeElement)"> 
    

    ScThanosService usage

    Inject the 'ScThanosService' into your class. Call 'vaporize()' and subscribe to it.

    Collaboration

    Send issues or PRs to https://github.com/SuperheroicCoding/AngularExamples

    Install

    npm i sc-thanos

    DownloadsWeekly Downloads

    6

    Version

    0.6.1

    License

    MIT

    Unpacked Size

    501 kB

    Total Files

    32

    Last publish

    Collaborators

    • wolsok