Spriter.js
A JavaScript API for the Spriter SCML/SCON animation data format.
Install / Use
/learn @flyover/Spriter.jsREADME
There is a new version of this project written in TypeScript. https://github.com/flyover/spriter.ts
spriter.js
A JavaScript API for the Spriter SCML/SCON animation data format.
https://cdn.rawgit.com/flyover/spriter.js/master/demo/index.html
Supported Features
- Basic animations
- Bone animations
- All curve types (Instant, Linear, Quadratic, Cubic, Quartic, Quintic, Bezier)
- Points
- Collision Rectangles
- SubEntities
- Events
- Sounds
- Variables
- Tags
- Character maps
- Animation Blending
How to use it
In the initialization:
var scon = JSON.parse(scon_text); // read and parse SCON file
var data = new spriter.Data().load(scon); // create and load Spriter data from SCON file
var pose = new spriter.Pose(data); // create Spriter pose and attach data
pose.setEntity("player"); // set entity by name
pose.setAnim("idle"); // set animation by name
In the animation loop:
var dt = 1000 / 60; // time step in milliseconds
pose.update(dt); // accumulate time
pose.strike(); // process time slice
Refer to the demo for how to blend animations, draw images, play sounds and respond to events, access tags and variables, etc.
Related Skills
node-connect
343.1kDiagnose OpenClaw node connection and pairing failures for Android, iOS, and macOS companion apps
frontend-design
90.0kCreate distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.
openai-whisper-api
343.1kTranscribe audio via OpenAI Audio Transcriptions API (Whisper).
qqbot-media
343.1kQQBot 富媒体收发能力。使用 <qqmedia> 标签,系统根据文件扩展名自动识别类型(图片/语音/视频/文件)。


