pixi-actor

Improvements on the Pixi.js v4 `AnimatedSprite`.

Pure Nim score 15/100 · last commit 2017-11-13 · 2 stars · tests present · no docs generated

Summary

Latest Version Unknown
License Unknown
CI Status Failing
Stars 2
Forks 1
Open Issues 0
Last Commit 2017-11-13
Downloads 0
Last Indexed 2026-08-06 05:19

Installation

nimble install pixi-actor
choosenim install pixi-actor
git clone https://gitlab.com/griest/pixi-actor

OS Compatibility

Platform Linux macOS Windows FreeBSD OpenBSD NetBSD Android iOS WASM Embedded
pixi-actor ✓ ✓ ✓ - - - - - - -

Source

Repository https://gitlab.com/griest/pixi-actor
Homepage https://gitlab.com/griest/pixi-actor
Registry Source gitlab

README

pixi-actor

npm pipeline status npm

Like PIXI.extras.AnimatedSprite but with more features!

Installation

NPM

npm install pixi-actor --save

Yarn

yarn add pixi-actor

CDN

<script src="https://unpkg.com/pixi-actor/dist/pixi-actor.js"></script>

Usage

Import pixi.js before you import pixi-actor

import 'pixi.js'
import 'pixi-actor' // this plugin modifies the global PIXI object

OR

import 'pixi.js'
import Actor from 'pixi-actor' // it also exports Actor directly, take your pick

Initialize the Actor with some FrameObjects or Textures just like you would with an AnimatedSprite

const actor = new PIXI.Actor(
    {texture: PIXI.Texture.from('0.png'), time: 0.2},
    {texture: PIXI.Texture.from('1.png'), time: 0.5},
    {texture: PIXI.Texture.from('2.png'), time: 0.15},
    {texture: PIXI.Texture.from('3.png'), time: 0.9},
    {texture: PIXI.Texture.from('4.png'), time: 2.5}
)

Add some clips

actor.addClips(
    {name: 'anim0', frames: [0, 4, 2], next: 'anim0'}, // loop an animation by setting next to itself
    {name: 'anim1', frames: [4, 1, 1, 2], next: 2}, // go to a frame after clip completes
    {name: 'anim2', frames: [2, 3, 0, 1], next: {clip: 'anim1', index: 1}}, // go to a specific frame in a clip
    {name: 'anim3', frames: [3], speed: 2}, // play the clip at a specific speed
)

Play something!

actor.gotoAndPlay('anim0') // play a clip at the beginning
actor.gotoAndPlay('anim1', 2) // play a clip at a specific frame
actor.gotoAndPlay(3) // like AnimatedSprite, you can play just a plain ol' frame

Documentation

Check out the API docs

Reports