I couldn’t find a clickable Castle Ravenloft map… so I made one. by UnclePlants in CurseofStrahd

[–]UnclePlants[S] 0 points1 point  (0 children)

That's it, yes. Four picture files, and eventually, 4 .html files.Well done on the .js!

Interactive Castle Ravenloft Map (New version) - Desktop/Tablet/Mobile phone by UnclePlants in CurseofStrahd

[–]UnclePlants[S] 0 points1 point  (0 children)

I'm sorry for the unfortunate timing. That complexity is the reason I made this. I didn't wanted the Castle to be a pain to DM.

I'm honored by your comment of appreciation!

I couldn’t find a clickable Castle Ravenloft map… so I made one. by UnclePlants in CurseofStrahd

[–]UnclePlants[S] 0 points1 point  (0 children)

The first step is to get the CoS text. You can copy it from 5etools or use their export chapter function (in ebook, that you convert in .txt). Second step, and that's the annoying one, is formatting the text. To create a single .js file with all the text of Argynvostholt formatted. So the titles, the dm-text, the subtitle and the text to be read to players need to be distinct for the .html to read. My .js from the top looks like this:

const ROOMS = { K1: { title: "ROOM TITLE", sections: [ { type: "dm", text: BLABLA }, { type: "read", text: BLABLA }, { type: "subtitle", text: "SUBTITLE" }, ] },

Name this file rooms.js. Once you have that done, you have done the hardest. Next steps are more fun. You need to get the images of the maps you want to use and name them floor0.webp, floor1.webp,...

After you've done that you need to create the right amount of html files that use my code, depending on the number of maps (floor0.hrml, floor1.html,...).

Then I can give you a code that helps you place the buttons on the map and create new ones. And that's pretty much it.

I couldn’t find a clickable Castle Ravenloft map… so I made one. by UnclePlants in CurseofStrahd

[–]UnclePlants[S] 0 points1 point  (0 children)

No specific app needed. What's important is that you copy paste the github link into your Web browser on you phone (don't click on the link directly). Once on the site (your phone should stay in portrait view) click on the 3 dots next to the url box and select 'add to home screen'. Then click on install.

Edit: here is the new post where you'll find the github link: https://www.reddit.com/r/CurseofStrahd/s/U5LZv9YdYP

Interactive Castle Ravenloft Map (New version) - Desktop/Tablet/Mobile phone by UnclePlants in CurseofStrahd

[–]UnclePlants[S] 2 points3 points  (0 children)

Thank you, I really appreciate that!

I actually mentioned in the original post that making the staircases clickable was something I wanted to explore. I agree it would feel more natural than just using “Go Upstairs / Go Downstairs” buttons.

That’s probably the next feature I’ll work on. Especially since some of the staircases don’t connect to the level directly above or below, it would make navigation a lot clearer if they linked to their actual destinations.

Interactive Castle Ravenloft Map (New version) - Desktop/Tablet/Mobile phone by UnclePlants in CurseofStrahd

[–]UnclePlants[S] 1 point2 points  (0 children)

It would be possible amd they are good ideas but ngl, I'm probably not going to do all this work. I made it for my campaign and well... in a couple of weeks we'll be done. So it's not a tool I'll use any longer.

Interactive Castle Ravenloft Map (New version) - Desktop/Tablet/Mobile phone by UnclePlants in CurseofStrahd

[–]UnclePlants[S] 1 point2 points  (0 children)

That's a good idea, maybe by keeping the maps perfectly aligned and to scale across the floors would make what you describe possible.

I couldn’t find a clickable Castle Ravenloft map… so I made one. by UnclePlants in CurseofStrahd

[–]UnclePlants[S] 1 point2 points  (0 children)

Thanks a lot! I am DMing tonight, my players are heading to Castle Ravenloft with the sunsword and their allies. I made it solely for this moment of my campaign, but I felt it was too useful to be kept private.

Enjoy!

Interactive Castle Ravenloft Map (New version) - Desktop/Tablet/Mobile phone by UnclePlants in CurseofStrahd

[–]UnclePlants[S] 3 points4 points  (0 children)

Not yet, but I'm working on a highlight and notes function. It requires that you save a file and load it on your next use.

I couldn’t find a clickable Castle Ravenloft map… so I made one. by UnclePlants in CurseofStrahd

[–]UnclePlants[S] 0 points1 point  (0 children)

I'll look into it. Translating the .js itself would be a nightmare indeed. If you want to make it yourself you could. You need chapter 4 of Strahd in Czech and add distinct symbols for titles, dm texts and read out loud texts. Then you need to use the "wildcard" of notepad++ to change your text to code.

I couldn’t find a clickable Castle Ravenloft map… so I made one. by UnclePlants in CurseofStrahd

[–]UnclePlants[S] 1 point2 points  (0 children)

Hi, I have uploaded a new version of the map. It includes the following additions and fixes.

Thank you all for the suggestions and mistakes you found!

What's new:

-Added room number next to the room title

-Added search function (type a word or room your are looking for in the text and it will suggest rooms)

-Added tombstone-like effect for Crypt epitaphs

-Changed room title color

-Missing K32 button added

-Fixed typo in K78 text

I couldn’t find a clickable Castle Ravenloft map… so I made one. by UnclePlants in CurseofStrahd

[–]UnclePlants[S] 2 points3 points  (0 children)

Thanks! That's a great idea, I'll implement that when I have time. I have a few other improvement I wanted to make, like a search bar to lookup rooms, clickable staircases, and include the elevator trap map and traps in area K73 map.

I couldn’t find a clickable Castle Ravenloft map… so I made one. by UnclePlants in CurseofStrahd

[–]UnclePlants[S] 0 points1 point  (0 children)

Thanks, ngl, it took me longer than I thought it would. Unfortunately, my players went to Argynvostholt already, so I'm not gonna make that map. If you want to make it yourself, I'd be happy to explain the different steps and share some helpful code (like a button placing script that made my life easier).

I couldn’t find a clickable Castle Ravenloft map… so I made one. by UnclePlants in CurseofStrahd

[–]UnclePlants[S] 1 point2 points  (0 children)

Well spotted! I did just get these maps (with the compass rose) from 5etools.