dmh

dota2-minimap-hero-sprites

Dota 2 Minimap Hero Icons Spritesheet for CSS

Showing:

Popularity

Downloads/wk

16

GitHub Stars

75

Maintenance

Last Commit

5mos ago

Contributors

6

Package

Dependencies

0

License

Type Definitions

Tree-Shakeable

No?

Categories

Readme

npm version dependencies Status devDependencies Status

Dota2 Minimap Hero Sprites

This is a CSS spritesheet for Dota 2 Minimap Hero Icons.

Demo & Usage

Add class d2mh to <i> tag and reference the wanted hero by adding an additional class in the format of <heroname>, npc_dota_hero_<heroname> or hero-<hero_id>:

<i class="d2mh axe"></i>
<i class="d2mh npc_dota_hero_gyrocopter"></i>
<i class="d2mh hero-5"></i>

Output:

Output example

Installation

a) npm

Install via npm:

npm install dota2-minimap-hero-sprites

And embed the stylesheet:

<link rel="stylesheet" type="text/css" href="./node_modules/dota2-minimap-hero-sprites/assets/stylesheets/dota2minimapheroes.css">

b) copy files

Just copy the assets folder and link to the stylesheet in your HTML like above.

For Contributors: Update Workflow

  1. Update src/heroes.json with latest json output from http://api.steampowered.com/IEconDOTA2_570/GetHeroes/v1?language=en_us&key=<your steam web api key>
  2. Extract materials/vgui/hud/minimap_hero_sheet[...].vtex_c from Dota 2 pak files and decompile to assets/images/minimap_hero_sheet.png (GCFScape + ValveResourceFormat)
  3. Extract scripts/mod_textures.txt from Dota 2 pak files to src/mod_textures.txt (GCFScape)
  4. Run npm install to get the required packages for the generator script
  5. Run npm run generate

Tools

Tools I used: GCFScape, ValveResourceFormat

Get Steam WebAPI Key from: http://steamcommunity.com/dev

Full List of Third Party Tools: https://developer.valvesoftware.com/wiki/Category:Third_Party_Tools


All game images and names are property of Valve Corporation.

Rate & Review

Great Documentation0
Easy to Use0
Performant0
Highly Customizable0
Bleeding Edge0
Responsive Maintainers0
Poor Documentation0
Hard to Use0
Slow0
Buggy0
Abandoned0
Unwelcoming Community0
100