2.0.0 • Published 8 years ago
tom32i-asset-loader.js v2.0.0
tom32i-asset-loader.js
Image, sprite, sound loader for HTML5 games.
Install:
npm install --save tom32i-asset-loader.js
Import
HTML:
<script src="tom32i-asset-loader.js"></script>
ES6:
import AssetLoader from 'tom32i-asset-loader.js';
Node:
const AssetLoader = require('tom32i-asset-loader.js');
Usage:
Asset
To load a single image
Arguments:
- source: (String) The url of the image
- callback: (Function) Callback called when the image is loaded
- load: (Boolean) Start loading imediately? (default false)
Example:
const { Asset } = AssetLoader;
const image = new Asset('jeff.jpg', (event) => {
document.appendChild(image.getImage());
});
SpriteAsset
To load an image an split it into several images according to a grid
Arguments:
- source: (String) The url of the image
- callback: (Function) Callback called when the image is loaded and splited
- columns: number of columns in the grid
- rows: number of rows in the grid
- load: (Boolean) Start load imediately?
const { SpriteAsset } = AssetLoader;
const sprite = new SpriteAsset('jeff.jpg', 3, 2, (event) => {
sprite.getImages().forEach((image) => document.appendChild(image));
});
Contribute
Clone the repository:
git clone git@github.com:Tom32i/asset-loader.js.git
Install dev dependencies:
npm install
Build dist:
npm run build
2.0.0
8 years ago