On the fly battle maps

Be sure to read and follow the guidelines for our forums.

May 26, 2020 10:58 am
In case you guys missed this, there is this awesome guy that have made on-the-fly battle maps, that can be created by changing the url

dokumentation: github README

exampels:
this image is created by this url image [!img]http://otfbm.com/D3p/A1r/G4y[/img] without the !
http://otfbm.com/D3p/A1r/G4y
[!img]http://otfbm.com/D3-Goblin/A1-Goblin/=1[/img]
http://otfbm.com/D3-Goblin/A1-Goblin/=1
[!img]http://otfbm.com/E7p-Zombie/I3p-Zombie?bg=https://i.imgur.com/k99s0ch.jpg[/img]
http://otfbm.com/E7p-Zombie/I3p-Zombie?bg=https://i.imgur.com/k99s0ch.jpg
[!img]https://otfbm.com/11x11/_B1K1K11E11[E6B6A5[A2B1_E1]E4]E6_E4]G4[K4_E6]K6_G1G4[/img]
https://otfbm.com/11x11/_B1K1K11E11[E6B6A5[A2B1_E1]E4]E6_E4]G4[K4_E6]K6_G1G4
May 26, 2020 11:32 am
Very cool! Thanks for sharing. :)
May 26, 2020 11:42 am
That is clever. I wish I'd thought of it.
Jul 22, 2021 5:28 pm
There's been a lot of talk on GP about OTFBM but I didn't try it until today. Holy crap, this is amazing!

Len

Jul 22, 2021 5:56 pm
I remember being in the Sly Flourish discord channel when the guy who invented otfbm showed off this tool for the first time. It was way more basic back then, but the developer had a clear vision which included keeping it SIMPLE. A few more developers piled on and it snowballed. And it has stayed pretty basic to this day. That's what I love about it. It was designed with discord play in mind, but it works fine here too, especially with the addition of Adam's [map] tag.

Len

Jul 22, 2021 6:01 pm
As it becomes more commonly used, I'd love to see players using it to update their position on the map too!
Sep 10, 2021 9:54 am
Qralloq's video on getting started.

Len

Sep 20, 2021 6:03 pm
I was helping a user with this and thought I'd post this for everyone: otfbm has their own discord server with tons of people to help you: https://discord.gg/Dsw2U4fv2N. They also have a patreon account if you want to support this project: https://www.patreon.com/otfbm. Patreon rewards includes access to the Otfbm Designer program, which I assume means you can lay out your battlemap in some kind of visual editor and it spits out the code for you. There are other rewards too.
Nov 13, 2021 9:28 pm
Has anyone used the otfbm.io and incorporated images into their tokens? I have tried to open the supported URL on the site's page and it doesn't work for me.
Nov 13, 2021 9:51 pm
RageRed says:
Has anyone used the otfbm.io and incorporated images into their tokens? I have tried to open the supported URL on the site's page and it doesn't work for me.
I do it all the time.

1. Find the image URL (e.g. by right-clicking on the avatar and selecting "copy image address")

2. Visit: https://www.base64url.com/ paste the image URL into the box at the top.
https://i.imgur.com/K9FGAQF.png

3. Copy the base 64 encoding and append it to this URL: https://token.otfbm.io/meta/
https://i.imgur.com/y6Emtfp.png

4. You'll get your token code for use in your game

So the token is: j8svu

Used in a map like this:

[map]
https://otfbm.io/3x3
--Token
/b2-RageRed~j8svu
[/map]


Nov 13, 2021 9:54 pm
Thanks Adam!

I guess I was copying the wrong field box. I will give it another try.
Nov 13, 2021 11:31 pm
Where do I append the code to?
I get to #3 and I can't find the site to add the 64 encoding and thus cannot get a token code.

Len

Nov 14, 2021 12:08 am
Hey RageRed, you append the code you got from step 2 to the end of:
Quote:
https://token.otfbm.io/meta/
and then enter that in your web browser to get the token code.

For example, if I got the following base 64 encoding:
Quote:
aHR0cHM6Ly9nYW1lcnNwbGFuZS5jb20vdWNwL2F2YXRhcnMvMjgxLmpwZw==
then I would append it to the end of above url to get:
Quote:
https://token.otfbm.io/meta/aHR0cHM6Ly9nYW1lcnNwbGFuZS5jb20vdWNwL2F2YXRhcnMvMjgxLmpwZw==
And if I paste that whole thing into chrome I get the token code: pvn46

and then I use the code to make my custom art token:

[map]
https://otfbm.io/3x3
--Token
/b2-jabes~pvn46
[/map


Nov 14, 2021 12:56 am
Thanks Len!

Now that I know you have to paste it into Chrome, it seems to be working.
Nov 14, 2021 5:41 pm
@RageRed I've tried to make the process somewhat easier here (if copy/pasting javascript is easier, which I'm not entirely sure about).
Feb 26, 2024 6:48 pm
Question: How can you add a GRID to the image? My image for background does NOT have a grid for easy location.

Of course, some numbers and letters also would be nice.
Feb 26, 2024 9:11 pm
There is grid added automatically, and the location is determined by using the letter above and the numbers to the left. Are you making a map with OTFBM and there is no grid appearing?

For example this image came with no grid but OTFBM added one
Feb 26, 2024 10:05 pm
Ironmonger42 says:
There is grid added automatically, and the location is determined by using the letter above and the numbers to the left. Are you making a map with OTFBM and there is no grid appearing?

For example this image came with no grid but OTFBM added one
I have below and see no grid.
GeneCortess says:
Night Map


Milo = Milorim Moonshadow
Gray = Gray
Sind = Sindure Aliovere (NPC)
Ase = Aseleif Haraldsdottir
Jofu = Jofur
Zajj = Zajj
Last edited February 26, 2024 10:10 pm
Feb 26, 2024 10:35 pm
[ooc="website"]... you can have an invisible grid by providing n; ...[/ooc] [ref]

Try /@d instead of /@dn

Feb 26, 2024 10:54 pm
Thanks so much. WOOT. I have GRID POWER. Mwaaa ha ha.

You do not have permission to post in this thread.