Map of Metal
50 points
1 hour ago
| 9 comments
| mapofmetal.com
| HN
pjgalbraith
34 minutes ago
[-]
Didn't expect to see something I made on HN while my wife is trying to find something to watch on TV.

So about the site in case anyone is interested. I made it with a friend who was studying multimedia. He helped with the data and I did the coding. Took about a week or two.

The site was originally Flash (remember that). But I ported it to HTML5 a few years ago. It still has those Flash vibes I think. Posted the code to GitHub when I ported it. I did this mostly to keep it alive for old times sake.

So about the mobile support. I planned to do it but got sidetracked building a custom WebGL map renderer because phone performance was poor. However I never finished, life finds a way to get in the way and all that... I have some mobile designs lying around.

The other issue was when I first built the site YouTube didn't really play ads much at all, just those little text ads, and you could embed the player really tiny. So it worked better. In the original flash version I actually hid the video player. But that got the site blacklisted from YouTube, I asked a Google engineer on a dev forum to put a word in and they removed the block, very different times, this was back when Google was a different beast, and you could chat to real people online and the dev communities were much smaller.

I have a illustration of a much bigger map in my sketchbook. It has a lot more subgenres and interconnected things like historical events and so on. But it's huge unfolded, like 2x1.5m or something ridiculous.

I miss those days when the web was full of weird and experimental stuff. I grew up with Newgrounds and Geocities, I'm sure it's all still out there buried under a giant pile of SEO optimised refuse.

reply
owlninja
1 minute ago
[-]
Very nice! As soon as I saw the landing page and the loading/start button I immediately thought of Flash.
reply
bfeist
15 minutes ago
[-]
Thanks so much for this write up. It’s not often thought of that when you put something weird and experimental online just for fun that you’re signing up for years of careing and feeding. But that’s also kind of nice, it makes you go engage with your cool thing long after your impulse drove you to make it.

This is a cool thing. I hope you enjoyed remembering about it again today.

reply
glenstein
17 minutes ago
[-]
Absolutely fantastic project! I completely understand you've got other things going on, but for me on Firefox mobile, I'm seeing a YouTube pop-up window for Black Sabbath and I don't see any obvious way to close it.
reply
pjgalbraith
9 minutes ago
[-]
Sorry about that. Its definitely a desktop kinda experience anyway.
reply
dot_treo
4 minutes ago
[-]
Reminds me very much of https://music.ishkur.com/ which is the same kind of thing but for electronic music.
reply
TwoNineA
27 minutes ago
[-]
Great map. There might be some categories missing, couldn't find any Katatonia, Agalloch, Alcest nor Tiamat. Alcest and some Deftones are considered blackgaze and Agalloch, Wolves in the Throne Room fall more into grey metal.
reply
scrumper
24 minutes ago
[-]
Very nice work of art. (I don't really like the bullets though, they don't seem very metal-y to me. Scythes maybe, or flensing knives.)

It might be fun to have a sort of gazetteer for the map so we can find bands.

reply
busfahrer
16 minutes ago
[-]
Seeing as this is HN, I was expecting something on chemical properties of iron etc, but was pleasantly surprised
reply
a3w
12 minutes ago
[-]
To be excapt: This is a Mäp of Metäl, no hair was cut in making the map.
reply
mr_mitm
6 minutes ago
[-]
As a German, metal umlauts look so confusing
reply
meerita
42 minutes ago
[-]
The song "Ten Ton Hammer" from Machine Head is not right: it's showing another song. Besides that, fun experience!
reply
dandare
36 minutes ago
[-]
This is amazing! But I need SEARCH feature :)

Btw, the map interface is very well implemented, what is it based on?

reply
keraf
25 minutes ago
[-]
Looking at the source, it seems to be using OpenSeadragon[0].

[0] https://openseadragon.github.io/

reply
pjmlp
56 minutes ago
[-]
Now that is a great map!
reply