Skeleton Viewer

Introduction

[Cocos Creator Editor Extension]

Used to preview skeleton animation. Provide a stand-alone panel and can also be attached to the editor window.

Currently, only versions 3.5~4.0 of Spine resources are supported.

🎭 Attention

Current branch is for Cocos Creator 3.x, if you're looking for Cocos Creator 2.x version ,please switch to branch master, Click here to switch branch immediately.

Open Source

This extension is an open source project, here is the git repository: https://gitee.com/ifaswind/ccc-skeleton-viewer

If you like this project, don't forget to star !

If you have any usage problems, just submit an issue or contact me with WeChat im_chenpipi.

Screenshots

Environment

Platform: Windows、macOS

Engine: Cocos Creator 3.x

Download & Installation

Install from Cocos Store

You can find this extension in Cocos Store now, click on Extension -> Cocos Store option to open the Cocos Store.

Enter "Skeleton Viewer" in the search bar, find it and then install it.

Skeleton Viewer：http://store.cocos.com/app/detail/3008

Download from git repository

Click here or go to the release panel, download the latest version package of this extension.

And then unzip the package:

• Windows: Unzip to C:\Users\${your username}\.CocosCreator\packages\
• macOS: Unzip to ~/.CocosCreator/packages/

For example, on my computer, the full path of package.json file should be like:

• Windows: C:\Users\Shaun\.CocosCreator\packages\ccc-skeleton-viewer\package.json
• macOS: /Users/shaun/.CocosCreator/packages/ccc-skeleton-viewer/package.json

Usage

View

Click on Extension -> Skeleton Viewer -> View option to open the view panel.

To be added...

Settings

Click on Extension -> Skeleton Viewer -> Settings option to open the setting panel.

In the setting panel, you can choose a shortcut key(for opening the view panel quickly) in preset list, or customize one by yourself.

One thing you should know, not every keys/keys-combinations can be used, because some keys/keys-combinations have been used by the system or Cocos Creator.

Accelerator reference: https://www.electronjs.org/docs/api/accelerator

🥳 Enjoy!

Change log

Releases

Dependencies

• cocos-creator
• electron
• vue
• node-fetch
• spine-runtimes

License

This project is licensed under the MIT license.