Get started with spritejs CDN
MIT licensed
Lightweight library: 2D sprites, animations with Sprite.js.
Tags:- spritejs
- canvas
- graphics
- rendering
- render
- svg-path
- svg
- webgl2
- webgl
- 3d
- 2d
Stable version
Copied!
How to start using spritejs CDN
// Include SpriteJS library
const SpriteJS = require('spritejs');
// Create a new SpriteJS scene
const scene = new SpriteJS.Scene();
// Define an image sprite sheet
const image = new Image();
image.src = 'path/to/your/sprite-sheet.png';
// Load the image and create a new sprite sheet
image.onload = function() {
const spriteSheet = new SpriteJS.SpriteSheet({
image: image,
rows: 2,
cols: 3
});
// Create individual sprites from the sprite sheet
const sprite1 = new SpriteJS.Sprite({
texture: spriteSheet.getTextureFor('0-0')
});
const sprite2 = new SpriteJS.Sprite({
texture: spriteSheet.getTextureFor('1-1')
});
// Add the sprites to the scene
scene.addChild(sprite1);
scene.addChild(sprite2);
// Set the size and position of each sprite
sprite1.width = 50;
sprite1.height = 50;
sprite1.x = 50;
sprite1.y = 50;
sprite2.width = 50;
sprite2.height = 50;
sprite2.x = 150;
sprite2.y = 150;
// Append the scene to the body of the document
document.body.appendChild(scene.el);
};
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
All versions
3.4.10
3.4.11
3.4.12
3.4.13
3.4.14
3.4.15
3.4.16
3.4.17
3.4.18
3.4.19
3.4.2
3.4.20
3.4.21
3.4.22
3.4.24
3.4.25
3.4.26
3.4.27
3.4.28
3.4.29
3.4.3
3.4.4
3.4.5
3.4.6
3.4.7
3.4.8
3.4.9
3.5.0
3.5.1
3.5.2
3.5.3
3.6.0
3.6.2
3.6.3
3.7.0
3.7.1
3.7.10
3.7.11
3.7.12
3.7.13
3.7.14
3.7.15
3.7.16
3.7.17
3.7.18
3.7.19
3.7.2
3.7.20
3.7.21
3.7.22
3.7.23
3.7.24
3.7.25
3.7.26
3.7.27
3.7.28
3.7.29
3.7.3
3.7.30
3.7.31
3.7.32
3.7.33
3.7.34
3.7.35
3.7.36
3.7.37
3.7.38
3.7.4
3.7.5
3.7.6
3.7.7
3.7.8
3.7.9
3.8.0
3.8.1
3.8.2
*** 3.8.3