/SpriteMeta

A tool mainly for sectioning regions of a spritesheet into groups and individual sprites and exporting to a useable format.

Primary LanguageCSSGNU General Public License v3.0GPL-3.0

SpriteMeta

Just changed the name, to what I think will be the final name, have to replace it everywhere.

0.1a - First version increase! Has super basic functionality

A tool mainly for sectioning regions of a spritesheet into groups and individual sprites and exporting to a useable format.

Also there was a recent name change; screenshots/code has yet to catch up!

Technologies Used

  1. Node-Webkit. If you haven't checked it out yet, you should. It makes desktop development bearable by combining node.js and an embedded webkit allowing you to use HTML and CSS.
  2. Traceur. Yay ECMA6
  3. (Sort of relevant here) Bootstrap, started with the Cover theme from their examples page.

Apologies

Currently the mix of _ and camels is a little hectic, I'll get to cleaning up once I have this thing actually doing some useful stuff.

Dependencies

Run these from the root directory so you end up with your node_modules folder there.

Instead of the below setups I recommend just running npm install from the root dir

Gulp - Build System

npm install gulp

Mustache - Template engine

npm install mustache

Traceur - ECMA 6 to ECMA 5 compiler

npm install traceur

Gulp-Sass - Build Sass

npm install gulp-sass

Gulp-Traceur - Build Traceur

npm install gulp-traceur

How To Build

Windows/Linux

Make sure nodewebkit is on your path.

Get the dependencies.

Then from the root dir run:

gulp

Current Status

Getting the basic functions of the application implemented. Then onto code cleanup. Then onto "cool" feature development. Then onto bug fixes and feature creeps.

Screenshots

First Screen Editor Screen Editor Screen Multi

Super Early Animation Preview

Please note how early this feature is in dev. The preview is also blown up 500% right now. Will be dynamic later.

Animations V -0.1