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:

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. Download Source 2 Viewer from https://valveresourceformat.github.io/
3. Search for materials/vgui/hud/minimap_hero_sheet.vmat_c, right click Decompile & Export
4. Copy the new minimap_hero_sheet into assets/images in this repository
5. Search for mod_textures.txt, copy into mod_textures.txt in this repository
6. Run npm install to get the required packages for the generator script
7. Run npm run generate

All game images and names are property of Valve Corporation.