5.4 KiB

Raw Permalink Blame History

HikeMap Artwork Todo

Track all emoji replacements and custom artwork needed. All icons should follow the existing 50.png / 100.png sizing convention.

Combat Log / Battle Events

Emoji	Current Usage	Art File	Status
⚔️	Player attack hit, generic combat	`icons/attack.png`	[ ]
✨	Multi-hit skill damage	`icons/multi_hit.png`	[ ]
🌟	Multi-target skill hit	`icons/aoe_hit.png`	[ ]
🔥	Monster skill / status effect damage	`icons/fire_attack.png`	[ ]
❌	Miss (player or monster)	`icons/miss.png`	[ ]
💀	Enemy defeated / Player death	`icons/skull.png`	[ ]
☠️	Poison tick damage	`icons/poison.png`	[ ]
💚	Heal skill used	`icons/heal.png`	[ ]
🛡️	Defense buff activated	`icons/shield_buff.png`	[ ]
⚡	Player turn / dodge buff / quick skills	`icons/lightning.png`	[ ]

Stats & Character Sheet

Emoji	Current Usage	Art File	Status
❤️	HP stat label	`icons/stat_hp.png`	[ ]
💙	MP stat label	`icons/stat_mp.png`	[ ]
⚔️	ATK stat label	`icons/stat_atk.png`	[ ]
🛡️	DEF stat label	`icons/stat_def.png`	[ ]

Class Icons (for HUD, combat, character sheet)

Emoji	Class	Art Files	Status
🏃	Trail Runner	`classes/trail_runner50.png`, `classes/trail_runner100.png`	[ ]
💪	Gym Bro	`classes/gym_bro50.png`, `classes/gym_bro100.png`	[ ]
🧘	Yoga Master	`classes/yoga_master50.png`, `classes/yoga_master100.png`	[ ]
🏋️	CrossFit Crusader	`classes/crossfit50.png`, `classes/crossfit100.png`	[ ]

Race Icons (Character Creator)

Emoji	Race	Art File	Status
🧑	Human	`races/human.png`	[ ]
🧝	Elf	`races/elf.png`	[ ]
🧔	Dwarf	`races/dwarf.png`	[ ]
🧒	Halfling	`races/halfling.png`	[ ]

UI Elements

Emoji	Current Usage	Art File	Status
🏠	Home base button / entered home base	`icons/home.png`	[ ]
📍	Geocache marker / location pin	`icons/pin.png`	[ ]
🎯	Destination reached notification	`icons/target.png`	[ ]
🎵	Music on button	`icons/music_on.png`	[ ]
🔇	Music muted button	`icons/music_off.png`	[ ]
⚙️	Settings header	`icons/settings.png`	[ ]
✏️	Edit tools header	`icons/pencil.png`	[ ]
🛠️	Developer tools header	`icons/tools.png`	[ ]
⚠️	Warning / error notification	`icons/warning.png`	[ ]

Player Portraits (Combat UI)

Need player character art to display in combat instead of class emoji.

Class	Art Files	Status
Trail Runner	`players/trail_runner50.png`, `players/trail_runner100.png`	[ ]
Gym Bro	`players/gym_bro50.png`, `players/gym_bro100.png`	[ ]
Yoga Master	`players/yoga_master50.png`, `players/yoga_master100.png`	[ ]
CrossFit Crusader	`players/crossfit50.png`, `players/crossfit100.png`	[ ]

Skill Icons (Optional - currently use emojis in skill buttons)

Could add unique icons per skill for the combat UI skill buttons.

Emoji	Skill ID	Skill Name	Art File	Status
👊	basic_attack	Attack	`skills/basic_attack.png`	[ ]
👟	brand_new_hokas	Brand New Hokas	`skills/brand_new_hokas.png`	[ ]
🏃‍♂️	downhill_sprint	Downhill Sprint	`skills/downhill_sprint.png`	[ ]
🦵	shin_kick	Shin Kick	`skills/shin_kick.png`	[ ]
⚡	quick_step	Quick Step	`skills/quick_step.png`	[ ]
💨	second_wind	Second Wind	`skills/second_wind.png`	[ ]
🏁	finish_line_sprint	Finish Line Sprint	`skills/finish_line_sprint.png`	[ ]
🌀	whirlwind	Whirlwind	`skills/whirlwind.png`	[ ]

Summary

Category	Count	Priority
Combat Log Icons	10	High
Stat Icons	4	High
Class Icons	4 (x2 sizes)	High
Race Icons	4	Medium
UI Elements	9	Medium
Player Portraits	4 (x2 sizes)	High
Skill Icons	8	Low

Total unique artwork pieces needed: ~43

Directory Structure

mapgameimgs/
├── monsters/          # (existing)
├── bases/             # (existing - home base icons)
├── icons/             # NEW - UI and combat log icons
│   ├── attack50.png
│   ├── attack100.png
│   ├── heal50.png
│   └── ...
├── classes/           # NEW - class portraits
│   ├── trail_runner50.png
│   ├── trail_runner100.png
│   └── ...
├── races/             # NEW - race icons for character creator
│   ├── human.png
│   └── ...
├── players/           # NEW - player combat portraits
│   └── ...
└── skills/            # NEW - skill button icons (optional)
    └── ...

Implementation Notes

Combat Log: Replace emoji strings with <img> tags, add CSS for inline sizing
HUD/Buttons: Replace innerHTML emoji with background-image or <img>
Combat UI: Player portrait already has placeholder div (#playerCombatIcon)
Fallback: Keep emoji as fallback if image fails to load

5.4 KiB Raw Permalink Blame History