Sabe Jones e44c84bef9 refactor(sprites): create individual sprites from mounts spritesheet
Previously, Mounts lived on a separate spritesheet from all other site graphics, and the CSS for their individual elements was manually generated. This commit doesn't change that setup yet, but creates the individual image files needed to compile mount sprites into the site master spritesheet using grunt-spritesmith. (The task won't run on my machine, so someone else needs to execute that step!)
2014-01-19 19:14:32 -06:00
2013-12-07 20:16:13 -05:00
2013-10-27 16:23:02 -03:00

Build Status

Shared resources useful for the multiple HabitRPG repositories, that way all the repositories remain in-sync with common characteristics. Includes things like:

  • Assets - sprites, images, etc
  • CSS - especially, esp. sprite-sheet mapping
  • Algorithms - level up algorithm, scoring functions, etc
  • View helper functions that may come in handy for multiple client MVCs
  • Item definitions - weapons, armor, pets

##Installation

  • npm install

  • grunt - after you've made modifications and want to compile the dist files for browser

  • Node.js

    • require ('coffee-script')
    • require('./script/algos.coffee'), require('./script/helpers.coffee'), etc.
  • Browser

    • Use <script/> tag to include ./dist/habitrpg-shared.js it will export window.habitrpgShared object.
    • // Use `browser.debug.js' if you want to have sourcemaps. - EDIT: Only one file now, and it has sourcemaps. Fix this
  • Note how to invoke scoring function:

    • algos.score(user, task, direction), etc
    • TODO document all the functions

##Tests

  • npm test

##CSS Shared CSS between the website and the mobile app is a fuzzy area. Spritesheets definitely go in habitrpg-shared (since mobile uses them too). Other things, like customizer buttons, may want to go here? As you find sharable components, (1) move them from the website into habitrpg-shared, (2) remove from website & make sure all html/css references are updated.

Currently, all or most spritesheets are available. They're in css/*.css, but that's not what you want. You want /spritesheets.css which is the concat'd file (using grunt) which includes all the spritesheets. I'd prefer this be in /dist/spritesheets.css for consistency, but it's having image referencing weirdness

S
Description
A habit tracker app which treats your goals like a Role Playing Game.
Readme 1.9 GiB
Languages
JavaScript 51.7%
Vue 23.8%
CSS 23.7%
SCSS 0.7%