On the fly battle maps

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 !

[!img]http://otfbm.com/D3-Goblin/A1-Goblin/=1[/img]

[!img]http://otfbm.com/E7p-Zombie/I3p-Zombie?bg=https://i.imgur.com/k99s0ch.jpg[/img]

[!img]https://otfbm.com/11x11/_B1K1K11E11[E6B6A5[A2B1_E1]E4]E6_E4]G4[K4_E6]K6_G1G4[/img]

Very cool! Thanks for sharing. :)

That is clever. I wish I'd thought of it.

There's been a lot of talk on GP about OTFBM but I didn't try it until today. Holy crap, this is amazing!

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.

As it becomes more commonly used, I'd love to see players using it to update their position on the map too!

Qralloq's video on getting started.

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.

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.


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


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]

Thanks Adam!

I guess I was copying the wrong field box. I will give it another try.

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.

Hey RageRed, you append the code you got from step 2 to the end of:
and then enter that in your web browser to get the token code.

For example, if I got the following base 64 encoding:
then I would append it to the end of above url to get:
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

Thanks Len!

Now that I know you have to paste it into Chrome, it seems to be working.

@RageRed I've tried to make the process somewhat easier here (if copy/pasting javascript is easier, which I'm not entirely sure about).

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.

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.

[ooc="website"]... you can have an invisible grid by providing n; ...[/ooc] [ref]

Try /@d instead of /@dn

Thanks so much. WOOT. I have GRID POWER. Mwaaa ha ha.