# phina-aseprite-loader

> phina.js plugin to load aseprite exported json file

Latest version **0.3.0** (published 2019-09-18) · MIT license · 0 weekly downloads

## Install

```sh
npm install phina-aseprite-loader
pnpm add phina-aseprite-loader
yarn add phina-aseprite-loader
bun add phina-aseprite-loader
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.3.0 |
| Published | 2019-09-18 |
| First published | 2018-11-01 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 0 |
| Unpacked size | 47.8 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | pentamania |
| Maintainers | pentamania |
| Keywords | phina.js, aseprite |

## Links

- npm: https://www.npmjs.com/package/phina-aseprite-loader
- npm.io page: https://npm.io/package/phina-aseprite-loader

## Recent versions

- 0.3.0 (latest) — 2019-09-18
- 0.2.0 — 2018-11-27
- 0.1.0 — 2018-11-01

## README

phina-aseprite-loader
===

[phina.js](https://phinajs.com/) plugin to load and use [aseprite](https://www.aseprite.org/) exported sprite-sheet.

## Install

```npm install phina-aseprite-loader```

```js
import * as phina from 'phina.js';
import "phina-aseprite-loader";
```

or

```html
<!-- index.html -->
<script src='path/to/phina.js'></script>
<script src='path/to/phina-aseprite-loader.js'></script>
```

This plugin is also [available in jsDelivr](https://www.jsdelivr.com/package/npm/phina-aseprite-loader).

```html
<script src='https://cdn.jsdelivr.net/npm/phina.js@0.2.2/build/phina.min.js'></script>
<script src='https://cdn.jsdelivr.net/npm/phina-aseprite-loader@latest/dist/phina-aseprite-loader.min.js'></script>
```

## Example
Almost same as built-in FrameAnimation class.

```js
phina.main(function() {
  var app = phina.game.GameApp({
    startLabel: 'main',
    assets: {
      image: {
        tomapiko: "assets/tomapiko_ss.png", // exported sprite sheet image
      },
      aseprite: {
        tomapiko_ss: "assets/tomapiko_ss.json",  // exported json
      },
    },
  });

  app.run();
});

phina.define('MainScene', {
  superClass: 'phina.display.DisplayScene',

  init: function(options) {
    this.superInit(options);

    var sprite = this.sprite = phina.display.Sprite('tomapiko')
      .setPosition(this.width, this.height*0.5)
      .addChildTo(this)
    ;
    var animation = phina.accessory.FrameAnimation("tomapiko_ss")
      .attachTo(sprite);
    animation.setNext("walk", "walk"); // infinite looping of walk animation
    animation.gotoAndPlay("walk"); // play animation!
  },

});
```

# License
MIT

---
_Source: https://npm.io/package/phina-aseprite-loader · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._