dota2-css-hero-sprites

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.