https://github.com/ashkyd/s26-sprites

s26 sprites is a module for loading, manipulating & styling 2.5d/isometric game sprites.
https://github.com/ashkyd/s26-sprites

Last synced: about 1 month ago
JSON representation

s26 sprites is a module for loading, manipulating & styling 2.5d/isometric game sprites.

• Host: GitHub
• URL: https://github.com/ashkyd/s26-sprites
• Owner: AshKyd
• Created: 2015-01-03T16:14:22.000Z (almost 10 years ago)
• Default Branch: master
• Last Pushed: 2015-01-03T16:14:56.000Z (almost 10 years ago)
• Last Synced: 2024-04-13T19:25:02.611Z (8 months ago)
• Language: JavaScript
• Size: 211 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
s26 Sprites

===========

s26 sprites is a module for loading, manipulating & styling 2.5d/isometric

sprites. The name comes from 26.565°, the degrees of the isometric axes in computer games.

Overview

--------

This library is intended to be an opinionated "overview" of the loading and processing of game sprites.

The idea is as follows:

* Game assets are created in SVG using a predetermined color palette.

* Said color palette is manipulated on the client to create somewhat procedurally generated "renditions" of each asset.

The following is an overview of the s26 internals:

* Index - Entry point to the library. Contains files & sprites.

* File - A single SVG file. Can be shared across multiple sprites (as a sprite sheet)

* Sprite - A single game asset, such as a house or tree. Contains one file and multiple renditions. May optionally include sprite sheet information such as position & size.

** Files - A reference to the global store above to reduce duplication.

** Rendition - A variation on the sprite. Includes colour & rotation info. There is always at least one rendition of "default", but you can add more.

Usage

-----

This is not really ready to be used, but if you insist you can probably load it as a straight up NPM module and build it with Browserify.