# LayaSpineVisual

**Repository Path**: welcome2jcSpace/laya-spine-visual

## Basic Information

- **Project Name**: LayaSpineVisual
- **Description**: 支持 Laya编辑器 Spine动画可视化
- **Primary Language**: TypeScript
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 7
- **Forks**: 0
- **Created**: 2022-08-25
- **Last Updated**: 2025-01-22

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

### SpineSkeleton文件拖入到编辑器
![](READIMG/dragUse.gif)

### SpineSkeleton属性面板
![](READIMG/inspector.gif)

### 你需要加入额外的声明文件
[./laya.support.d.ts](./laya.support.d.ts)


### 代码
```typescript
        /**
         * 替换spine动画实例
         * 如果已经设置了动画名会直接播放
         * @param skeleton 
         */
        public setContent(skeleton: Laya.SpineSkeleton): void;
        /**
         * 设置皮肤
         * 如果spine动画实例存在，会直接播放
         * @param skin 
         */
        public setSkin(skin: string): void;
        /**
         * 设置动画片段名
         * 如果spine动画实例存在，会直接播放
         * @param name 
         */
        public setAnimationName(name: string): void;
        /**
         * 设置动画片段名
         * 如果spine动画实例存在，会直接播放
         * @param loop 
         */
        public setLoop(loop: boolean): void;
        /**
         * 设置动画资源路径
         * 如果已经设置了动画名，加载完成后会直接播放
         * @param url 
         */
        public setUrl(url: string): void;
        /**
         * 主动加载动画资源，并创建spine动画实例
         */
        public loadSpine(): void;
```

let spinePlayer:SpineSkeletonPlayer;

//获取Laya.SpineSkeleton实例  当spine未初始化完成时 返回null
spinePlayer.skeleton   

//监听spine加载完成后到事件
spinePlayer.on(Laya.Event.Complete,this,()=>{

    //spine初始化完成
    var skeletonInstane = spinePlayer.skeleton;

});





### 编辑器目录地址

mac地址
/Applications/LayaAirIDE_beta.app/Contents/Resources/app/out/vs/

window 
点击启动图标 右键菜单找到根目录后 /Contents/Resources/app/out/vs/

### 安装方法
切进编辑器目录地址，将此项目中的h5，renders文件夹拖入合并，然后重启LayaAirIDE

### 支持版本
LayaAirIDE 版本 2.13.0
SpineSkeleton 版本 4.0


### 已经支持的功能
1. BitmapLabel
2. SpineSkeleton