mirror of
https://github.com/FlipsideCrypto/DefinitelyTyped.git
synced 2026-02-06 10:56:53 +00:00
Added definitions for the "Pixi.js plugin that enables Spine support."
This commit is contained in:
Bob Fanger
parent
d5557c6a5a
commit
95fe96133f
312
pixi-spine/pixi-spine-tests.ts
Normal file
312
pixi-spine/pixi-spine-tests.ts
Normal file
@ -0,0 +1,312 @@
|
||||
/// <reference path="../pixi.js/pixi.js.d.ts" />
|
||||
/// <reference path="pixi-spine.d.ts" />
|
||||
|
||||
module Spine {
|
||||
|
||||
export class Dragon {
|
||||
|
||||
private renderer: PIXI.CanvasRenderer | PIXI.WebGLRenderer;
|
||||
|
||||
private stage: PIXI.Container;
|
||||
|
||||
private dragon: PIXI.spine.Spine;
|
||||
|
||||
constructor() {
|
||||
|
||||
this.renderer = PIXI.autoDetectRenderer(800, 600, { backgroundColor: 0x1099bb });
|
||||
document.body.appendChild(this.renderer.view);
|
||||
|
||||
// create the root of the scene graph
|
||||
this.stage = new PIXI.Container();
|
||||
|
||||
PIXI.loader.add('dragon', '../../_assets/spine/dragon.json').load(this.onAssetsLoaded);
|
||||
|
||||
}
|
||||
|
||||
private onAssetsLoaded = (loader: PIXI.loaders.Loader, res: any): void => {
|
||||
|
||||
//initiate the spine animation
|
||||
this.dragon = new PIXI.spine.Spine(res.dragon.spineData);
|
||||
this.dragon.skeleton.setToSetupPose();
|
||||
this.dragon.update(0);
|
||||
this.dragon.autoUpdate = false;
|
||||
|
||||
//create a container for the spin animation and add the animation to it
|
||||
var dragonCage: PIXI.Container = new PIXI.Container();
|
||||
dragonCage.addChild(this.dragon);
|
||||
|
||||
// measure the spine animation and position it inside its container to align it to the origin
|
||||
var localRect: PIXI.Rectangle = this.dragon.getLocalBounds();
|
||||
this.dragon.position.set(-localRect.x, -localRect.y);
|
||||
|
||||
// now we can scale, position and rotate the container as any other display object
|
||||
var scale = Math.min((this.renderer.width * 0.7) / dragonCage.width, (this.renderer.height * 0.7) / dragonCage.height);
|
||||
dragonCage.scale.set(scale, scale);
|
||||
dragonCage.position.set((this.renderer.width - dragonCage.width) * 0.5, (this.renderer.height - dragonCage.height) * 0.5);
|
||||
|
||||
// add the container to the stage
|
||||
this.stage.addChild(dragonCage);
|
||||
|
||||
// once position and scaled, set the animation to play
|
||||
this.dragon.state.setAnimationByName(0, 'flying', true);
|
||||
|
||||
this.animate();
|
||||
|
||||
}
|
||||
|
||||
private animate = (): void => {
|
||||
|
||||
requestAnimationFrame(this.animate);
|
||||
|
||||
// update the spine animation, only needed if dragon.autoupdate is set to false
|
||||
this.dragon.update(0.01666666666667); // HARDCODED FRAMERATE!
|
||||
|
||||
this.renderer.render(this.stage);
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
module Spine {
|
||||
|
||||
export class Goblin {
|
||||
|
||||
private renderer: PIXI.CanvasRenderer | PIXI.WebGLRenderer;
|
||||
|
||||
private stage: PIXI.Container;
|
||||
|
||||
private goblin: PIXI.spine.Spine;
|
||||
|
||||
constructor() {
|
||||
|
||||
this.renderer = PIXI.autoDetectRenderer(800, 600, { backgroundColor: 0x1099bb });
|
||||
document.body.appendChild(this.renderer.view);
|
||||
|
||||
// create the root of the scene graph
|
||||
this.stage = new PIXI.Container();
|
||||
this.stage.interactive = true;
|
||||
|
||||
PIXI.loader.add('goblins', '../../_assets/spine/goblins.json').load(this.onAssetsLoaded);
|
||||
|
||||
}
|
||||
|
||||
private onAssetsLoaded = (loader: PIXI.loaders.Loader, res: any): void => {
|
||||
|
||||
//initiate the spine animation
|
||||
this.goblin = new PIXI.spine.Spine(res.goblins.spineData);
|
||||
this.goblin.skeleton.setSkinByName('goblin');
|
||||
this.goblin.skeleton.setSlotsToSetupPose();
|
||||
|
||||
this.goblin.position.x = 400;
|
||||
this.goblin.position.y = 600;
|
||||
this.goblin.scale.set(1.5);
|
||||
|
||||
this.goblin.state.setAnimationByName(0, 'walk', true);
|
||||
|
||||
this.stage.addChild(this.goblin);
|
||||
|
||||
this.stage.on('click', () => {
|
||||
|
||||
// change current skin
|
||||
var currentSkinName = this.goblin.skeleton.skin.name;
|
||||
var newSkinName = (currentSkinName === 'goblin' ? 'goblingirl' : 'goblin');
|
||||
this.goblin.skeleton.setSkinByName(newSkinName);
|
||||
this.goblin.skeleton.setSlotsToSetupPose();
|
||||
|
||||
});
|
||||
|
||||
this.animate();
|
||||
|
||||
}
|
||||
|
||||
private animate = (): void => {
|
||||
|
||||
requestAnimationFrame(this.animate);
|
||||
|
||||
this.renderer.render(this.stage);
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
module Spine {
|
||||
|
||||
export class Pixie {
|
||||
|
||||
private renderer: PIXI.CanvasRenderer | PIXI.WebGLRenderer;
|
||||
|
||||
private stage: PIXI.Container;
|
||||
|
||||
private pixie: PIXI.spine.Spine;
|
||||
|
||||
private position: number;
|
||||
private background: PIXI.Sprite;
|
||||
private background2: PIXI.Sprite;
|
||||
private foreground: PIXI.Sprite;
|
||||
private foreground2: PIXI.Sprite;
|
||||
|
||||
constructor() {
|
||||
|
||||
this.renderer = PIXI.autoDetectRenderer(800, 600, { backgroundColor: 0x1099bb });
|
||||
document.body.appendChild(this.renderer.view);
|
||||
|
||||
// create the root of the scene graph
|
||||
this.stage = new PIXI.Container();
|
||||
this.stage.interactive = true;
|
||||
|
||||
PIXI.loader.add('pixie', '../../_assets/spine/pixie.json').load(this.onAssetsLoaded);
|
||||
|
||||
}
|
||||
|
||||
private onAssetsLoaded = (loader: PIXI.loaders.Loader, res: any): void => {
|
||||
|
||||
this.background = PIXI.Sprite.fromImage('../../_assets/spine/iP4_BGtile.jpg');
|
||||
this.background2 = PIXI.Sprite.fromImage('../../_assets/spine/iP4_BGtile.jpg');
|
||||
this.stage.addChild(this.background);
|
||||
this.stage.addChild(this.background2);
|
||||
|
||||
this.foreground = PIXI.Sprite.fromImage('../../_assets/spine/iP4_ground.png');
|
||||
this.foreground2 = PIXI.Sprite.fromImage('../../_assets/spine/iP4_ground.png');
|
||||
this.stage.addChild(this.foreground);
|
||||
this.stage.addChild(this.foreground2);
|
||||
this.foreground.position.y = this.foreground2.position.y = 640 - this.foreground2.height;
|
||||
|
||||
this.pixie = new PIXI.spine.Spine(res.pixie.spineData);
|
||||
|
||||
var scale = 0.3;
|
||||
|
||||
this.pixie.position.x = 1024 / 3;
|
||||
this.pixie.position.y = 500;
|
||||
|
||||
this.pixie.scale.x = this.pixie.scale.y = scale;
|
||||
|
||||
this.stage.addChild(this.pixie);
|
||||
|
||||
this.pixie.stateData.setMixByName('running', 'jump', 0.2);
|
||||
this.pixie.stateData.setMixByName('jump', 'running', 0.4);
|
||||
|
||||
this.pixie.state.setAnimationByName(0, 'running', true);
|
||||
|
||||
this.stage.on('mousedown', this.onTouchStart);
|
||||
this.stage.on('touchstart', this.onTouchStart);
|
||||
|
||||
this.animate();
|
||||
|
||||
}
|
||||
|
||||
private onTouchStart = (): void => {
|
||||
|
||||
this.pixie.state.setAnimationByName(0, 'jump', false);
|
||||
this.pixie.state.addAnimationByName(0, 'running', true, 0);
|
||||
|
||||
}
|
||||
|
||||
private animate = (): void => {
|
||||
|
||||
this.position += 10;
|
||||
|
||||
this.background.position.x = -(this.position * 0.6);
|
||||
this.background.position.x %= 1286 * 2;
|
||||
if (this.background.position.x < 0) {
|
||||
this.background.position.x += 1286 * 2;
|
||||
}
|
||||
this.background.position.x -= 1286;
|
||||
|
||||
this.background2.position.x = -(this.position * 0.6) + 1286;
|
||||
this.background2.position.x %= 1286 * 2;
|
||||
if (this.background2.position.x < 0) {
|
||||
this.background2.position.x += 1286 * 2;
|
||||
}
|
||||
this.background2.position.x -= 1286;
|
||||
|
||||
this.foreground.position.x = -this.position;
|
||||
this.foreground.position.x %= 1286 * 2;
|
||||
if (this.foreground.position.x < 0) {
|
||||
this.foreground.position.x += 1286 * 2;
|
||||
}
|
||||
this.foreground.position.x -= 1286;
|
||||
|
||||
this.foreground2.position.x = -this.position + 1286;
|
||||
this.foreground2.position.x %= 1286 * 2;
|
||||
if (this.foreground2.position.x < 0) {
|
||||
this.foreground2.position.x += 1286 * 2;
|
||||
}
|
||||
this.foreground2.position.x -= 1286;
|
||||
|
||||
requestAnimationFrame(this.animate);
|
||||
|
||||
this.renderer.render(this.stage);
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
module Spine {
|
||||
|
||||
export class SpineBoy {
|
||||
|
||||
private renderer: PIXI.CanvasRenderer | PIXI.WebGLRenderer;
|
||||
|
||||
private stage: PIXI.Container;
|
||||
|
||||
private spineboy: PIXI.spine.Spine;
|
||||
|
||||
constructor() {
|
||||
|
||||
this.renderer = PIXI.autoDetectRenderer(800, 600, { backgroundColor: 0x1099bb });
|
||||
document.body.appendChild(this.renderer.view);
|
||||
|
||||
// create the root of the scene graph
|
||||
this.stage = new PIXI.Container();
|
||||
this.stage.interactive = true;
|
||||
|
||||
PIXI.loader.add('spineboy', '../../_assets/spine/spineboy.json').load(this.onAssetsLoaded);
|
||||
|
||||
}
|
||||
|
||||
private onAssetsLoaded = (loader: PIXI.loaders.Loader, res: any): void => {
|
||||
|
||||
//initiate the spine animation
|
||||
this.spineboy = new PIXI.spine.Spine(res.spineboy.spineData);
|
||||
this.spineboy.position.x = this.renderer.width / 2;
|
||||
this.spineboy.position.y = this.renderer.height;
|
||||
this.spineboy.scale.set(1.5);
|
||||
|
||||
// set up the mixes!
|
||||
this.spineboy.stateData.setMixByName('walk', 'jump', 0.2);
|
||||
this.spineboy.stateData.setMixByName('jump', 'walk', 0.4);
|
||||
|
||||
// play animation
|
||||
this.spineboy.state.setAnimationByName(0, 'walk', true);
|
||||
|
||||
this.stage.addChild(this.spineboy);
|
||||
|
||||
|
||||
this.stage.on('click', () => {
|
||||
|
||||
this.spineboy.state.setAnimationByName(0, 'jump', false);
|
||||
this.spineboy.state.addAnimationByName(0, 'walk', true, 0);
|
||||
|
||||
});
|
||||
|
||||
this.animate();
|
||||
|
||||
}
|
||||
|
||||
private animate = (): void => {
|
||||
|
||||
requestAnimationFrame(this.animate);
|
||||
|
||||
this.renderer.render(this.stage);
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
812
pixi-spine/pixi-spine.d.ts
vendored
Normal file
812
pixi-spine/pixi-spine.d.ts
vendored
Normal file
@ -0,0 +1,812 @@
|
||||
// Type definitions for pixi-spine 1.0.4
|
||||
// Project: https://github.com/pixijs/pixi-spine/
|
||||
// Definitions by: martijncroezen <https://github.com/pixijs/pixi-typescript>
|
||||
// Definitions: https://github.com/borisyankov/DefinitelyTyped
|
||||
|
||||
/// <reference path="../pixi.js/pixi.js.d.ts" />
|
||||
declare module PIXI {
|
||||
|
||||
export module spine {
|
||||
|
||||
export interface Timeline {
|
||||
|
||||
frames: number[];
|
||||
|
||||
getFrameCount(): number;
|
||||
apply(skeleton: Skeleton, lastTime: number, time: number, firedEvents: Event[], alpha: number): void;
|
||||
|
||||
}
|
||||
|
||||
export interface Attachment {
|
||||
|
||||
name: string;
|
||||
type: number;
|
||||
|
||||
}
|
||||
|
||||
export class Animation {
|
||||
|
||||
constructor(name: string, timelines?: Timeline[], duration?: number);
|
||||
|
||||
apply(skeleton: Skeleton, lastTime: number, time: number, loop?: boolean, events?: Event[]): void;
|
||||
mix(skeleton: Skeleton, lastTime: number, time: number, loop?: boolean, events?: any[], alpha?: number): void;
|
||||
binarySearch(values: number[], target: number, step: number): number;
|
||||
binarySearch1(values: number[], target: number): number;
|
||||
linearSearch(values: number[], target: number, step: number): number;
|
||||
|
||||
name: string;
|
||||
timelines: Timeline[];
|
||||
duration: number;
|
||||
|
||||
}
|
||||
|
||||
export class AnimationState {
|
||||
|
||||
data: AnimationStateData;
|
||||
tracks: TrackEntry[];
|
||||
events: Event[];
|
||||
onStart: (index: number) => void;
|
||||
onEnd: (trackIndex: number) => void;
|
||||
onComplete: (i: number, count: number) => void;
|
||||
onEvent: (i: number, event: Event) => void;
|
||||
timeScale: number;
|
||||
|
||||
constructor(stateData: AnimationStateData);
|
||||
|
||||
update(delta: number): void;
|
||||
apply(skeleton: Skeleton): void;
|
||||
clearTracks(): void;
|
||||
clearTrack(trackIndex: number): void;
|
||||
private _expandToIndex(index: number): TrackEntry;
|
||||
setCurrent(index: number, entry: TrackEntry): void;
|
||||
setAnimationByName(trackIndex: number, animationName: string, loop: boolean): TrackEntry;
|
||||
setAnimation(trackIndex: number, animation: Animation, loop: boolean): TrackEntry;
|
||||
addAnimationByName(trackIndex: number, animationName: string, loop: boolean, delay: number): TrackEntry;
|
||||
addAnimation(trackIndex: number, animation: Animation, loop: boolean, delay: number): TrackEntry;
|
||||
getCurrent(trackIndex: number): TrackEntry;
|
||||
|
||||
}
|
||||
|
||||
export class Spine extends PIXI.Container {
|
||||
|
||||
constructor(spineData: any);
|
||||
|
||||
static fromAtlas(resourceName: string): Spine;
|
||||
|
||||
update(dt: number): void;
|
||||
|
||||
private autoUpdateTransform(): void;
|
||||
private createSprite(slot: Slot, attachment: Attachment): Sprite;
|
||||
private createMesh(slot, attachment)
|
||||
|
||||
spineData: any;
|
||||
skeleton: Skeleton;
|
||||
stateData: AnimationStateData;
|
||||
state: AnimationState;
|
||||
slotContainers: PIXI.Container[];
|
||||
autoUpdate: boolean;
|
||||
|
||||
}
|
||||
|
||||
export class AnimationStateData {
|
||||
|
||||
constructor(skeletonData: SkeletonData);
|
||||
|
||||
private _skelentonData: SkeletonData;
|
||||
private animationToMixTime: number;
|
||||
defaultMix: number;
|
||||
skeletonData: SkeletonData;
|
||||
setMixByName(fromName: string, toName: string, duration: number): void;
|
||||
setMix(from: Animation, to: Animation, duration: number): void;
|
||||
getMix(from: Animation, to: Animation): number;
|
||||
|
||||
}
|
||||
|
||||
export class AttachmentType {
|
||||
|
||||
static region: number;
|
||||
static boundingbox: number;
|
||||
static mesh: number;
|
||||
static skinnedmesh: number;
|
||||
|
||||
}
|
||||
|
||||
export class Bone {
|
||||
|
||||
data: BoneData;
|
||||
skeleton: Skeleton;
|
||||
parent: Bone;
|
||||
|
||||
constructor(boneData: BoneData, skeleton: Skeleton, parent: Bone);
|
||||
|
||||
x: number;
|
||||
y: number;
|
||||
rotation: number;
|
||||
rotationIK: number;
|
||||
scaleX: number;
|
||||
scaleY: number;
|
||||
flipX: boolean;
|
||||
flipY: boolean;
|
||||
m00: number;
|
||||
m01: number;
|
||||
worldX: number;
|
||||
m10: number;
|
||||
m11: number;
|
||||
worldY: number;
|
||||
worldRotation: number;;
|
||||
worldScaleX: number;
|
||||
worldScaleY: number;
|
||||
worldFlipX: boolean;
|
||||
worldFlipY: boolean;
|
||||
|
||||
updateWorldTransform(): void;
|
||||
setToSetupPose(): void;
|
||||
worldToLocal(world: number[]): void;
|
||||
localToWorld(local: number[]): void;
|
||||
|
||||
}
|
||||
|
||||
export class BoneData {
|
||||
|
||||
name: string;
|
||||
parent: Bone;
|
||||
|
||||
constructor(name: string, parent: Bone);
|
||||
|
||||
length: number;
|
||||
x: number;
|
||||
y: number;
|
||||
rotation: number;
|
||||
scaleX: number;
|
||||
scaleY: number;
|
||||
inheritScale: boolean;
|
||||
inheritRotation: boolean;
|
||||
flipX: boolean;
|
||||
flipY: boolean;
|
||||
|
||||
}
|
||||
|
||||
export class BoundingBoxAttachment implements Attachment {
|
||||
|
||||
constructor(name: string);
|
||||
|
||||
name: string;
|
||||
vertices: number[];
|
||||
type: number;
|
||||
|
||||
computeWorldVertices(x: number, y: number, bone: Bone, worldVertices: number[]): void;
|
||||
|
||||
}
|
||||
|
||||
export class ColorTimeline implements Timeline {
|
||||
|
||||
constructor(frameCount: number);
|
||||
|
||||
curves: Curves;
|
||||
frames: number[];
|
||||
slotIndex: number;
|
||||
|
||||
getFrameCount(): number;
|
||||
setFrame(frameIndex: number, time: number, r: number, g: number, b: number, a: number): void;
|
||||
apply(skeleton: Skeleton, lastTime: number, time: number, firedEvents: Event[], alpha: number): void;
|
||||
|
||||
}
|
||||
|
||||
export class Curves {
|
||||
|
||||
constructor(frameCount: number[]);
|
||||
|
||||
curves: number[];
|
||||
|
||||
setLinear(frameIndex: number): void;
|
||||
setStepped(frameIndex: number): void;
|
||||
setCurve(frameIndex: number, cx1: number, cy1: number, cx2: number, cy2: number): void;
|
||||
getCurvePercent(frameIndex: number, percent: number): number;
|
||||
|
||||
}
|
||||
|
||||
export class DrawOrderTimeline implements Timeline {
|
||||
|
||||
constructor(frameCount: number);
|
||||
|
||||
frames: number[];
|
||||
drawOrders: number[];
|
||||
|
||||
getFrameCount(): number;
|
||||
setFrame(frameIndex: number, time: number, drawOrder: number[]): void;
|
||||
apply(skeleton: Skeleton, lastTime: number, time: number, firedEvents: Event[], alpha: number): void;
|
||||
|
||||
}
|
||||
|
||||
export class Event {
|
||||
|
||||
constructor(data: any);
|
||||
|
||||
data: any;
|
||||
intValue: number;
|
||||
floatValue: number;
|
||||
stringValue: string;
|
||||
|
||||
}
|
||||
|
||||
export class EventData {
|
||||
|
||||
constructor(name: string);
|
||||
|
||||
name: string;
|
||||
|
||||
intValue: number;
|
||||
floatValue: number;
|
||||
stringValue: string;
|
||||
|
||||
}
|
||||
|
||||
export class EventTimeline implements Timeline {
|
||||
|
||||
constructor(frameCount: number);
|
||||
|
||||
frames: number[];
|
||||
events: Event[];
|
||||
|
||||
getFrameCount(): number;
|
||||
setFrame(frameIndex: number, time: number, event: Event): void;
|
||||
apply(skeleton: Skeleton, lastTime: number, time: number, firedEvents: Event[], alpha: number): void;
|
||||
|
||||
}
|
||||
|
||||
|
||||
export class FfdTimeline implements Timeline {
|
||||
|
||||
constructor(frameCount: number);
|
||||
|
||||
curves: Curves;
|
||||
frames: number[];
|
||||
frameVertices: number[];
|
||||
slotIndex: number;
|
||||
attachment: number;
|
||||
|
||||
getFrameCount(): number;
|
||||
setFrame(frameIndex: number, time: number, vertices: number[]): void;
|
||||
apply(skeleton: Skeleton, lastTime: number, time: number, firedEvents: Event[], alpha: number): void;
|
||||
|
||||
}
|
||||
|
||||
export class FlipXTimeline implements Timeline {
|
||||
|
||||
constructor(frameCount: number);
|
||||
|
||||
curves: Curves;
|
||||
frames: number[];
|
||||
boneIndex: number;
|
||||
|
||||
getFrameCount(): number;
|
||||
setFrame(frameIndex: number, time: number, vertices: number[]): void;
|
||||
apply(skeleton: Skeleton, lastTime: number, time: number, firedEvents: Event[], alpha: number): void;
|
||||
|
||||
}
|
||||
|
||||
export class FlipYTimeline implements Timeline {
|
||||
|
||||
constructor(frameCount: number);
|
||||
|
||||
curves: Curves;
|
||||
frames: number[];
|
||||
boneIndex: number;
|
||||
|
||||
getFrameCount(): number;
|
||||
setFrame(frameIndex: number, time: number, vertices: number[]): void;
|
||||
apply(skeleton: Skeleton, lastTime: number, time: number, firedEvents: Event[], alpha: number): void;
|
||||
|
||||
}
|
||||
|
||||
export class IkConstraint {
|
||||
|
||||
constructor(data: IkConstraintData, skeleton: Skeleton);
|
||||
|
||||
data: IkConstraintData;
|
||||
mix: number;
|
||||
bendDirection: number;
|
||||
bones: Bone[];
|
||||
target: Bone;
|
||||
|
||||
apply(): void;
|
||||
apply1(bone: Bone, targetX: number, targetY: number, alpha: number): void;
|
||||
apply2(parent: Bone, child: Bone, targetX: number, targetY: number, bendDirection: number, alpha: number): void;
|
||||
|
||||
}
|
||||
|
||||
export class IkConstraintData {
|
||||
|
||||
constructor(name: string);
|
||||
|
||||
name: string;
|
||||
bones: Bone[];
|
||||
target: Bone;
|
||||
bendDirection: number;
|
||||
mix: number;
|
||||
|
||||
}
|
||||
|
||||
export class IkConstraintTimeline implements Timeline {
|
||||
constructor(frameCount: number);
|
||||
|
||||
curves: Curves;
|
||||
frames: number[];
|
||||
ikConstraintIndex: number;
|
||||
|
||||
getFrameCount(): number;
|
||||
setFrame(frameIndex: number, time: number, mix: number, bendDirection: number): void;
|
||||
apply(skeleton: Skeleton, lastTime: number, time: number, firedEvents: Event[], alpha: number): void;
|
||||
|
||||
}
|
||||
|
||||
export class MeshAttachment implements Attachment {
|
||||
|
||||
constructor(name: string);
|
||||
|
||||
name: string;
|
||||
type: number;
|
||||
vertices: number[];
|
||||
uvs: number[]
|
||||
regionUVs: number[]
|
||||
triangles: number[]
|
||||
hullLength: number;
|
||||
r: number;
|
||||
g: number;
|
||||
b: number;
|
||||
a: number;
|
||||
path: string;
|
||||
rendererObject: any;
|
||||
regionU: number;
|
||||
regionV: number;
|
||||
regionU2: number;
|
||||
regionV2: number;
|
||||
regionRotate: boolean;
|
||||
regionOffsetX: number;
|
||||
regionOffsetY: number;
|
||||
regionWidth: number;
|
||||
regionHeight: number;
|
||||
regionOriginalWidth: number;
|
||||
regionOriginalHeight: number;
|
||||
edges: number[];
|
||||
width: number;
|
||||
height: number;
|
||||
|
||||
updateUVs(): void;
|
||||
computeWorldVertices(x: number, y: number, slot: Slot, worldVertices: number[]): void;
|
||||
|
||||
}
|
||||
|
||||
export class RegionAttachment implements Attachment {
|
||||
|
||||
constructor(name: string);
|
||||
|
||||
name: string;
|
||||
offset: number[];
|
||||
uvs: number[]
|
||||
type: number;
|
||||
x: number;
|
||||
y: number;
|
||||
rotation: number;
|
||||
scaleX: number;
|
||||
scaleY: number;
|
||||
width: number;
|
||||
height: number;
|
||||
r: number;
|
||||
g: number;
|
||||
b: number;
|
||||
a: number;
|
||||
path: string;
|
||||
rendererObject: any;
|
||||
regionOffsetX: number;
|
||||
regionOffsetY: number;
|
||||
regionWidth: number;
|
||||
regionHeight: number;
|
||||
regionOriginalWidth: number;
|
||||
regionOriginalHeight: number;
|
||||
|
||||
updateOffset(): void;
|
||||
setUVs(u: number, v: number, u2: number, v2: number, rotate: number): void;
|
||||
computeVertices(x: number, y: number, bone: Bone, vertices: number[]): void;
|
||||
|
||||
}
|
||||
|
||||
export class RotateTimeline implements Timeline {
|
||||
|
||||
constructor(frameCount: number);
|
||||
|
||||
curves: Curves;
|
||||
frames: number[];
|
||||
boneIndex: number;
|
||||
|
||||
getFrameCount(): number;
|
||||
setFrame(frameIndex: number, time: number, mix: number, bendDirection: number): void;
|
||||
apply(skeleton: Skeleton, lastTime: number, time: number, firedEvents: Event[], alpha: number): void;
|
||||
|
||||
}
|
||||
|
||||
export class ScaleTimeline implements Timeline {
|
||||
|
||||
constructor(frameCount: number);
|
||||
|
||||
curves: Curves;
|
||||
frames: number[];
|
||||
boneIndex: number;
|
||||
|
||||
getFrameCount(): number;
|
||||
setFrame(frameIndex: number, time: number, mix: number, bendDirection: number): void;
|
||||
apply(skeleton: Skeleton, lastTime: number, time: number, firedEvents: Event[], alpha: number): void;
|
||||
|
||||
}
|
||||
|
||||
export class Skeleton {
|
||||
|
||||
constructor(skeletonData: SkeletonData);
|
||||
|
||||
data: SkeletonData;
|
||||
bones: Bone[];
|
||||
slots: Slot[];
|
||||
drawOrder: Slot[];
|
||||
ikConstraints: IkConstraint[];
|
||||
boneCache: Bone[][];
|
||||
x: number;
|
||||
y: number;
|
||||
skin: Skin;
|
||||
r: number;
|
||||
g: number;
|
||||
b: number;
|
||||
a: number;
|
||||
time: number;
|
||||
flipX: boolean;
|
||||
flipY: boolean;
|
||||
|
||||
updateCache(): void;
|
||||
updateWorldTransform(): void;
|
||||
setToSetupPose(): void;
|
||||
setBonesToSetupPose(): void;
|
||||
setSlotsToSetupPose(): void;
|
||||
getRootBone(): Bone;
|
||||
findBone(boneName: string): Bone;
|
||||
findBoneIndex(boneName: string): number;
|
||||
findSlot(slotName: string): Slot;
|
||||
findSlotIndex(slotName: string): number;
|
||||
setSkinByName(skinName: string): Skin;
|
||||
setSkin(newSkin: Skin): void;
|
||||
getAttachmentBySlotName(slotName: string, attachmentName: string): Attachment;
|
||||
getAttachmentBySlotIndex(slotIndex: number, attachmentName: string): Attachment
|
||||
setAttachment(slotName: string, attachmentName: string): void;
|
||||
findIkConstraint(ikConstraintName: string): IkConstraint;
|
||||
update(delta: number): void;
|
||||
resetDrawOrder(): void;
|
||||
|
||||
}
|
||||
|
||||
export class SkeletonBounds {
|
||||
|
||||
polygonPool: Polygon[];
|
||||
polygons: Polygon[];
|
||||
boundingBoxes: BoundingBoxAttachment[];
|
||||
minX: number;
|
||||
minY: number;
|
||||
maxX: number;
|
||||
maxY: number;
|
||||
|
||||
update(skeleton: Skeleton, updateAabb: boolean): void;
|
||||
aabbCompute(): void;
|
||||
aabbContainsPoint(x: number, y: number): void;
|
||||
aabbIntersectsSegment(x1: number, y1: number, x2: number, y2: number): boolean;
|
||||
aabbIntersectsSkeleton(bounds: SkeletonBounds): boolean;
|
||||
containsPoint(x: number, y: number): BoundingBoxAttachment;
|
||||
intersectsSegment(x1: number, y1: number, x2: number, y2: number): BoundingBoxAttachment;
|
||||
polygonContainsPoint(polygon: Polygon, x: number, y: number): boolean;
|
||||
polygonIntersectsSegment(polygon: Polygon, x1: number, y1: number, x2: number, y2: number): boolean;
|
||||
getPolygon(attachment: Attachment): Polygon;
|
||||
getWidth(): number;
|
||||
getHeight(): number;
|
||||
|
||||
}
|
||||
|
||||
export class SkeletonData {
|
||||
|
||||
bones: Bone[];
|
||||
slots: Slot[];
|
||||
skins: Skin[];
|
||||
events: Event[];
|
||||
animations: Animation[];
|
||||
ikConstraints: IkConstraint[];
|
||||
name: string;
|
||||
defaultSkin: Skin;
|
||||
width: number;
|
||||
height: number;
|
||||
version: any;
|
||||
hash: any;
|
||||
|
||||
findBone(boneName: string): Bone;
|
||||
findBoneIndex(boneName: string): number;
|
||||
findSlot(slotName: string): Slot;
|
||||
findSlotIndex(slotName: string): number;
|
||||
findSkin(skinName: string): Skin;
|
||||
findEvent(eventName: string): Event;
|
||||
findAnimation(animationName: string): Animation
|
||||
findIkConstraint(ikConstraintName: string): IkConstraint;
|
||||
|
||||
}
|
||||
|
||||
export class SkeletonJsonParser {
|
||||
|
||||
constructor(attachmentLoader: any);
|
||||
|
||||
attachmentLoader: any;
|
||||
scale: number;
|
||||
|
||||
readSkeletonData(root: Bone, name: string): void;
|
||||
readAttachment(skin: Skin, name: string, map: any): void;
|
||||
readAnimation(name: string, map: any, skeletonData: SkeletonData): void;
|
||||
readCurve(timeline: Timeline, frameIndex: number, valueMap: any): void;
|
||||
toColor(hexString: string, colorIndex: string): number;
|
||||
getFloatArray(map: any, name: string, scale: number): number[];
|
||||
getIntArray(map: any, name: string): number[];
|
||||
|
||||
}
|
||||
|
||||
export class Skin {
|
||||
|
||||
constructor(name: string);
|
||||
|
||||
name: string;
|
||||
attachments: Attachment[];
|
||||
addAttachment(slotIndex: number, name: string, attachment: Attachment): void;
|
||||
getAttachment(slotIndex: number, name: string): Attachment;
|
||||
|
||||
protected _attachAll(skeleton: Skeleton, oldSkin: Skin): void;
|
||||
|
||||
}
|
||||
|
||||
export class SkinnedMeshAttachment implements Attachment {
|
||||
|
||||
constructor(name: string);
|
||||
|
||||
name: string;
|
||||
type: number;
|
||||
bones: number[];
|
||||
weights: number[];
|
||||
uvs: number[];
|
||||
regionUVs: number[];
|
||||
triangles: number[];
|
||||
hullLength: number;
|
||||
r: number;
|
||||
g: number;
|
||||
b: number;
|
||||
a: number;
|
||||
path: string;
|
||||
rendererObject: any;
|
||||
regionU: number;
|
||||
regionV: number;
|
||||
regionU2: number;
|
||||
regionV2: number;
|
||||
regionRotate: boolean;
|
||||
regionOffsetX: number;
|
||||
regionOffsetY: number;
|
||||
regionWidth: number;
|
||||
regionHeight: number;
|
||||
regionOriginalWidth: number;
|
||||
regionOriginalHeight: number;
|
||||
edges: number[];
|
||||
width: number;
|
||||
height: number;
|
||||
|
||||
updateUVs(u: number, v: number, u2: number, v2: number, rotate: boolean): void;
|
||||
computeWorldVertices(x: number, y: number, slot: Slot, worldVertices: number[]): void;
|
||||
|
||||
}
|
||||
|
||||
export class Slot {
|
||||
|
||||
constructor(slotData: SlotData, bone: Bone);
|
||||
|
||||
data: SlotData;
|
||||
bone: Bone;
|
||||
r: number;
|
||||
g: number;
|
||||
b: number;
|
||||
a: number;
|
||||
_attachmentTime: number;
|
||||
attachment: Attachment;
|
||||
attachmentVertices: number[];
|
||||
setAttachment(attachment: Attachment): void;
|
||||
setAttachmentTime(time: number): void;
|
||||
getAttachmentTime(): number;
|
||||
setToSetupPose(): void;
|
||||
|
||||
}
|
||||
|
||||
export class SlotData {
|
||||
|
||||
constructor(name: string, boneData: BoneData);
|
||||
|
||||
name: string;
|
||||
boneData: BoneData;
|
||||
|
||||
static PIXI_BLEND_MODE_MAP: {
|
||||
multiply: number;
|
||||
screen: number;
|
||||
additive: number;
|
||||
normal: number;
|
||||
};
|
||||
r: number;
|
||||
g: number;
|
||||
b: number;
|
||||
a: number;
|
||||
attachmentName: string;
|
||||
blendMode: number;
|
||||
|
||||
}
|
||||
|
||||
export class TrackEntry {
|
||||
|
||||
next: TrackEntry;
|
||||
previous: TrackEntry;
|
||||
animation: Animation;
|
||||
loop: boolean;
|
||||
delay: number;
|
||||
time: number;
|
||||
lastTime: number;
|
||||
endTime: number;
|
||||
timeScale: number;
|
||||
mixTime: number;
|
||||
mixDuration: number;
|
||||
mix: number;
|
||||
onStart: (index: number) => void;
|
||||
onEnd: (trackIndex: number) => void;
|
||||
onComplete: (i: number, count: number) => void;
|
||||
onEvent: (i: number, event: Event) => void;
|
||||
|
||||
}
|
||||
|
||||
export class TranslateTimeline implements Timeline {
|
||||
|
||||
constructor(frameCount: number);
|
||||
|
||||
curves: Curves[];
|
||||
frames: number[];
|
||||
boneIndex: number;
|
||||
|
||||
getFrameCount(): number;
|
||||
setFrame(frameIndex: number, time: number, x: number, y: number): void;
|
||||
apply(skeleton: Skeleton, lastTime: number, time: number, firedEvents: Event[], alpha: number): void;
|
||||
|
||||
}
|
||||
|
||||
export class Atlas {
|
||||
|
||||
constructor(atlasText: string, baseUrl: string, crossOrigin: any);
|
||||
|
||||
pages: AtlasPage[];
|
||||
regions: AtlasRegion[];
|
||||
texturesLoading: number;
|
||||
|
||||
findRegion(name: string): AtlasRegion;
|
||||
dispose(): void;
|
||||
updateUVs(page: AtlasPage): void;
|
||||
|
||||
Format: {
|
||||
|
||||
alpha: number;
|
||||
intensity: number;
|
||||
luminanceAlpha: number;
|
||||
rgb565: number;
|
||||
rgba4444: number;
|
||||
rgb888: number;
|
||||
rgba8888: number;
|
||||
|
||||
};
|
||||
|
||||
TextureFilter: {
|
||||
|
||||
nearest: number;
|
||||
linear: number;
|
||||
mipMap: number;
|
||||
mipMapNearestNearest: number;
|
||||
mipMapLinearNearest: number;
|
||||
mipMapNearestLinear: number;
|
||||
mipMapLinearLinear: number;
|
||||
|
||||
};
|
||||
|
||||
TextureWrap: {
|
||||
|
||||
mirroredRepeat: number;
|
||||
clampToEdge: number;
|
||||
repeat: number;
|
||||
|
||||
};
|
||||
|
||||
}
|
||||
|
||||
export class AtlasAttachmentParser {
|
||||
|
||||
constructor(atlas: Atlas);
|
||||
|
||||
newRegionAttachment(skin: Skin, name: string, path: string): RegionAttachment;
|
||||
newMeshAttachment(skin: Skin, name: string, path: string): SkinnedMeshAttachment;
|
||||
newSkinnedMeshAttachment(skin: Skin, name: string, path: string): SkinnedMeshAttachment;
|
||||
newBoundingBoxAttachment(skin: Skin, name: string): BoundingBoxAttachment;
|
||||
|
||||
}
|
||||
|
||||
export class AtlasPage {
|
||||
name: string;
|
||||
format: any;
|
||||
minFilter: any;
|
||||
magFilter: any;
|
||||
uWrap: any;
|
||||
vWrap: any;
|
||||
rendererObject: any;
|
||||
width: number;
|
||||
height: number;
|
||||
|
||||
}
|
||||
|
||||
export class AtlasReader {
|
||||
constructor(text: string);
|
||||
|
||||
lines: string[];
|
||||
index: number;
|
||||
|
||||
trim(value: string): string;
|
||||
readLine(): string;
|
||||
readValue(): string;
|
||||
readTuple(tuple: number): number;
|
||||
|
||||
}
|
||||
|
||||
export class AtlasRegion {
|
||||
|
||||
page: AtlasPage;
|
||||
name: string;
|
||||
x: number;
|
||||
y: number;
|
||||
width: number;
|
||||
height: number;
|
||||
u: number;
|
||||
v: number;
|
||||
u2: number;
|
||||
v2: number;
|
||||
offsetX: number;
|
||||
offsetY: number;
|
||||
originalWidth: number;
|
||||
originalHeight: number;
|
||||
index: number;
|
||||
rotate: boolean;
|
||||
splits: any;
|
||||
pads: any;
|
||||
|
||||
|
||||
}
|
||||
|
||||
export class AttachmentTimeline implements Timeline {
|
||||
|
||||
constructor(frameCount: number);
|
||||
|
||||
slotIndex: number;
|
||||
frames: number[];
|
||||
attachmentNames: string[];
|
||||
|
||||
getFrameCount(): number;
|
||||
setFrame(frameIndex: number, time: number, attachmentName: string): void;
|
||||
apply(skeleton: Skeleton, lastTime: number, time: number, firedEvents: Event[], alpha: number): void;
|
||||
|
||||
}
|
||||
|
||||
export class atlasParser {
|
||||
|
||||
constructor(resource: any, next: any);
|
||||
|
||||
AnimCache: any;
|
||||
enableCaching: boolean;
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
Loading…
Reference in New Issue
Block a user