Online-Roleplaying.community

Go Back   Online-Roleplaying.community > Public Commonness > Proclamations

Reply
Thread Tools
  #1  
Unread 25th of January, 2013, 06:38
Gralhruk's Avatar
Gralhruk
Ghost of ORP Past [Epic Admin]

User is offline
 
Join Date: Jan 2002
Member: #13
Location: The Netherworld
Posts: 10,845 (1.91 per day)
[GridMaps]

Wherefore art thou, Romeo - and more importantly where is that @#$! mind flayer?!?!

I'd like to be able to tell you that we have come up with a perfect mapping solution. Well, to be honest, we have but our cruel and draconic nature prevents us from sharing it with the likes of you people. Instead, we will present you with a vaunted (but not quite perfect) mapping solution.

Let's pretend that you have labored long and hard in the image editing program of your choice to make the perfect map for an imminent combat. While you were at it you made a bunch of nifty tokens to represent the PCs and possibly even their adversaries. You've also taken the time to upload all of that crap to the internet.

So perhaps this is your map:


And these are your tokens:




Now, of course, you are saddled with the burden of getting everyone's location and then scurrying back to your image editing program (up hill, both ways) to combine those things for round one and then upload the entire mess again. And then you get to repeat that task (no doubt fighting off bears with your notebook as you trudge upwards through two feet of snow) each and every round for as long as the combat should last.

Wouldn't it be great if there were some way to make this entire process easier? Well, some folks are born to be great and others have greatness thrust upon them, while the rest of you will have to make do with the [gridmap] tag.

Read further for the exciting details.
Reply With Quote
  #2  
Unread 25th of January, 2013, 06:38
Gralhruk's Avatar
Gralhruk
Ghost of ORP Past [Epic Admin]

User is offline
 
Join Date: Jan 2002
Member: #13
Location: The Netherworld
Posts: 10,845 (1.91 per day)
So, you've already uploaded your background map and your tokens to the internet. Of course, you've forgotten to create a token for your mind flayer but we're not worried about that. Now what? Simple, we'll use our lovely new tag to combine those things into a combat grid:

A B C D E F G H I J K L M N O P Q R S T U V W X
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
Mf
 
 
 
 


Now, for some details on how it works. Firstly, here is the code we used:
[gridmap squares=24x22 grid=20]
[token=background][img]http://img254.imageshack.us/img254/1381/dr3.jpg[/img][/token]
[token=b3][img]http://online-roleplaying.com/forums/images/smilies/smiley - green.png[/img][/token]
[token=c4][b][color=red]Mf[/color][/b][/token]
[token=F12][img]http://online-roleplaying.com/forums/images/smilies/smiley - red.png[/img][/token]
[token=j19][img]http://online-roleplaying.com/forums/images/smilies/smiley - black.png[/img][/token]
[/gridmap]

The main tag is the [gridmap squares=24x22 grid=20]. In the gridmap tag itself, we specify the size of our map (squares=24x22), and also the size of each grid square in pixels (grid=20). So our background will be 24 squares wide by 22 squares high, and each grid box will be 20 pixels square.

Within the [gridmap][/gridmap] we can specify any number of tokens (although there are a few caveats, which will be explained later). Each token will be displayed at a particular grid location. Tokens are specified as follows:
[token=location]token data[/token]

"location" is the map location where the token should appear - for example, token=b3 means I want the token to appear in column "b", row "3" on the map. The special value "background" can be used to define the background image for the map.

"token data" is what you want to actually appear on the map. This can be text or an image - any normal BB code will work, so you can use colors, bold, etc. This is what we did to represent our Mind Flayer at location C4 since we didn't have an image handy.

Now is where it gets interesting, but I'll put that in another post (for yet other reasons which will also be explained eventually).
Reply With Quote
  #3  
Unread 25th of January, 2013, 06:39
Gralhruk's Avatar
Gralhruk
Ghost of ORP Past [Epic Admin]

User is offline
 
Join Date: Jan 2002
Member: #13
Location: The Netherworld
Posts: 10,845 (1.91 per day)
Moving a token from one position to another is as easy as editing the post and updating the appropriate [token] tag with the new location - in other words, if I want to move the green dot from B3 to K7, I just edit that token line:

[gridmap squares=24x22 grid=20]
[token=background][img]http://img254.imageshack.us/img254/1381/dr3.jpg[/img][/token]
[token=k7][img]http://online-roleplaying.com/forums/images/smilies/smiley - green.png[/img][/token]
[token=c4][b][color=red]Mf[/color][/b][/token]
[token=F12][img]http://online-roleplaying.com/forums/images/smilies/smiley - red.png[/img][/token]
[token=j19][img]http://online-roleplaying.com/forums/images/smilies/smiley - black.png[/img][/token]
[/gridmap]

And so it is:
A B C D E F G H I J K L M N O P Q R S T U V W X
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
Mf
 
 
 
 


Here is a complete breakdown of the syntax and parameters for each tag:
[gridmap squares|pixels=wwxhh grid=gg color=aaaaa|none]
[token=xy|background color=bbbbb fade=nn layer=ll squares|pixels=wwxhh text=ttttt scale=yes|no]xxxxx[token]
[/gridmap]

Where:
  • wwxhh is the width and height of the grid or token in pixels (if you specify "pixels=") or squares (if you specify "squares=") - something 800 pixels wide by 600 pixels high would be written as pixels=800x600
  • gg is the number of pixels of each square on the grid, so you'd put 20 if you want your squares to be 20 pixels by 20 pixels
  • aaaaa is the color of the grid lines - you can use either a color name (Black, Red, DarkOliveGreen, etc.) or the hex color value. The special value "none" will make the grid lines invisible.
  • xy is the column/row location of the upper left corner of your token, use the text "background" if this is the background image. This is specified excel style, so C7 is column 3, row 7
  • bbbbb is the background color of the grid - you can use either a color name (Black, Red, DarkOliveGreen, etc.) or the hex color value
  • nn is the fade value for the background map or token you are working with. Higher fade means the item will be more transparent. I think it's useful for marking dead enemies on the grid - set them to fade=50 or something.
  • ll is an integer from 1 to 100 indicating the layer this token should appear on (or z-index, if you prefer). The background image is located on layer 0.
  • ttttt is the tooltip text that will appear when you hover over the token. Right now it defaults to the location and contents of the square
  • yes|no indicates whether or not the token should scale to fit the size specified on the pixels|squares parameter. This currently defaults to "yes".
  • xxxxx is the value that will appear on the grid for your token. You can use BB codes or image tags or whatever.

If you have noted the "squares" parameter on the token tag, you might deduce that a token can take up more than one square. You would be correct - in that case, the location indicates the upper right corner of the token. Combined with the "color" and "fade" parameters, this also makes a great way to indicate a swath of map covered by an area of webs or black tentacles or some other effect.

The "text" parameter creates a tooltip when you hover over the token, which is a good way to give more information than what you can fit in a little square - say, the name, status, or conditions of the token.

The "layer" parameter is used to determine which tokens should appear on top when you have tokens that overlap one another.

Now, for the caveats:
  • The board limit is in effect for the number of images per post - which means you cannot have more than 10 images in a post. The more astute will glean that this is the reason I needed to split things up into several posts.
  • While we don't have an actual hard limit constraint on image size, we are expecting you to keep your images to 500kb or less. This should be relatively easy if you fool around with the jpg settings when you save.
  • This only works if you are using a browser that supports a reasonably modern version of CSS. Newer versions of both Chrome and Firefox will give the best results. Images sometimes are offset by one pixel - I thought it was just in Chrome but I'm hearing some versions of Firefox as well. I'll be looking to correct that once I figure out the root cause. Internet Explorer is known for not really adhering terribly well to CSS standards so I'm sure you'll see some issues there.
  • There are limits on the number of squares, grid size, and such which I doubt you'll run into. But if you are trying to create a map that is 99000x99000 or a grid box 1 pixel high and it doesn't work don't be surprised.
  • While every effort is made to deliver a quality product, it should be noted that there may be bugs we are unaware of so if you come across anything please let us know. Also, this hasn't been load tested at all - if it starts causing performance issues things may need to change.

Now get off of my lawn.
Reply With Quote
  #4  
Unread 25th of January, 2013, 06:42
itches's Avatar
itches
Vampire Lord [Epic Admin]

User is offline
 
Join Date: Jan 2002
Member: #10
Location: Castle Greyskull
Posts: 13,740 (2.41 per day)
I look forward to seeing the many exciting ways this is going to break in the next fifteen minutes. (Also, Orp's been around for 11 years as of today. Yay!)
__________________
@}-`-- Coffee + Hate = itches
Reply With Quote
  #5  
Unread 25th of January, 2013, 07:00
Gralhruk's Avatar
Gralhruk
Ghost of ORP Past [Epic Admin]

User is offline
 
Join Date: Jan 2002
Member: #13
Location: The Netherworld
Posts: 10,845 (1.91 per day)
Things were so boring before you gave me access to the code.
Reply With Quote
  #6  
Unread 25th of January, 2013, 08:48
itches's Avatar
itches
Vampire Lord [Epic Admin]

User is offline
 
Join Date: Jan 2002
Member: #10
Location: Castle Greyskull
Posts: 13,740 (2.41 per day)
You know, looking at the thread title there is no way to know what is going on in here.

[gridmap]
[token=B3]Hi[/token]
[/gridmap]
A B C D E F G H I J K L M N O P Q R S T
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
Hi
 
__________________
@}-`-- Coffee + Hate = itches
Reply With Quote
  #7  
Unread 25th of January, 2013, 08:54
Gralhruk's Avatar
Gralhruk
Ghost of ORP Past [Epic Admin]

User is offline
 
Join Date: Jan 2002
Member: #13
Location: The Netherworld
Posts: 10,845 (1.91 per day)
But it's in Proclamations, which is so aptly labeled:

"Behold! These messages are of extreme importance, and thus it is in your own interest to read them!"
Reply With Quote
  #8  
Unread 25th of January, 2013, 08:59
itches's Avatar
itches
Vampire Lord [Epic Admin]

User is offline
 
Join Date: Jan 2002
Member: #10
Location: Castle Greyskull
Posts: 13,740 (2.41 per day)
Well in that case everyone is sure to read it!

What do I pay you for again?
__________________
@}-`-- Coffee + Hate = itches
Reply With Quote
  #9  
Unread 25th of January, 2013, 09:04
Gralhruk's Avatar
Gralhruk
Ghost of ORP Past [Epic Admin]

User is offline
 
Join Date: Jan 2002
Member: #13
Location: The Netherworld
Posts: 10,845 (1.91 per day)
You can change the title if you want, but in that case I demand to have the original title moved to the first post!
Reply With Quote
  #10  
Unread 25th of January, 2013, 09:20
itches's Avatar
itches
Vampire Lord [Epic Admin]

User is offline
 
Join Date: Jan 2002
Member: #10
Location: Castle Greyskull
Posts: 13,740 (2.41 per day)
I was just going to edit the word "Maps" in there, but your one is too long!
__________________
@}-`-- Coffee + Hate = itches
Reply With Quote
  #11  
Unread 25th of January, 2013, 10:06
zachol's Avatar
zachol
Flesh Colossus [Epic GM]

User is offline
 
Join Date: Jan 2005
Member: #1103
Location: Glorious Nippon
Posts: 8,153 (1.77 per day)
Ugh, finally.

Also the map image isn't displaying.
__________________
Sleepy cat is sleepy.
Reply With Quote
  #12  
Unread 25th of January, 2013, 10:08
itches's Avatar
itches
Vampire Lord [Epic Admin]

User is offline
 
Join Date: Jan 2002
Member: #10
Location: Castle Greyskull
Posts: 13,740 (2.41 per day)
On all of them, or the last one I posted?
__________________
@}-`-- Coffee + Hate = itches
Reply With Quote
  #13  
Unread 25th of January, 2013, 10:19
zachol's Avatar
zachol
Flesh Colossus [Epic GM]

User is offline
 
Join Date: Jan 2005
Member: #1103
Location: Glorious Nippon
Posts: 8,153 (1.77 per day)
All of them. Certainly the first one.
Gralhruk says "so suppose this is your map:" and then there's nothing.
__________________
Sleepy cat is sleepy.
Reply With Quote
  #14  
Unread 25th of January, 2013, 10:21
Samara's Avatar
Samara
Scary Little Dead Girl [GM]

User is offline
 
Join Date: Jan 1970
Member: #2972
Location: The Dark Place
Posts: 12 (0.00 per day)
Ha! What are you doing Gral?
__________________
Here we go, the world is spinning. When it stops, it's just beginning. Sun comes up, we all laugh. Sun goes down, we all die...
Reply With Quote
  #15  
Unread 25th of January, 2013, 10:25
itches's Avatar
itches
Vampire Lord [Epic Admin]

User is offline
 
Join Date: Jan 2002
Member: #10
Location: Castle Greyskull
Posts: 13,740 (2.41 per day)
*fix, fix, fix the bad image*
Attached Images
File Type: jpg user13_pic9_1343327924.jpg (72.2 KB, 196 views)
__________________
@}-`-- Coffee + Hate = itches
Reply With Quote
  #16  
Unread 25th of January, 2013, 10:28
itches's Avatar
itches
Vampire Lord [Epic Admin]

User is offline
 
Join Date: Jan 2002
Member: #10
Location: Castle Greyskull
Posts: 13,740 (2.41 per day)
Turns out when you make an Album private, no one can see it. Who knew?

Is it showing up now?
__________________
@}-`-- Coffee + Hate = itches
Reply With Quote
  #17  
Unread 25th of January, 2013, 10:30
Mercutio's Avatar
Mercutio
Grave Digger [Epic GM]

User is offline
 
Join Date: Oct 2005
Member: #1485
Location: Ocean City, NJ
Posts: 8,215 (1.89 per day)
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z AA AB AC AD AE AF AG AH AI AJ AK AL
1
2
3
4
5
6
7
8
9
10
11
12
13
14
Mf
 
 
 
Reply With Quote
  #18  
Unread 25th of January, 2013, 10:30
Mercutio's Avatar
Mercutio
Grave Digger [Epic GM]

User is offline
 
Join Date: Oct 2005
Member: #1485
Location: Ocean City, NJ
Posts: 8,215 (1.89 per day)
Oooooooooooohhhhhhhhh yeeaaaahhhh!
Reply With Quote
  #19  
Unread 25th of January, 2013, 10:41
Linklegacy77's Avatar
Linklegacy77
Spectral Savant of the Aether. [Epic GM]

User is offline
 
Join Date: Mar 2006
Member: #1662
Location: United States
Posts: 5,944 (1.42 per day)
I've been waiting for this for all my life.

DREAMS DO COME TRUE!
Reply With Quote
  #20  
Unread 25th of January, 2013, 10:47
itches's Avatar
itches
Vampire Lord [Epic Admin]

User is offline
 
Join Date: Jan 2002
Member: #10
Location: Castle Greyskull
Posts: 13,740 (2.41 per day)
Almost six months to the day since you helped us test the early version of it. We're super efficient.
__________________
@}-`-- Coffee + Hate = itches
Reply With Quote
  #21  
Unread 25th of January, 2013, 10:49
Mercutio's Avatar
Mercutio
Grave Digger [Epic GM]

User is offline
 
Join Date: Oct 2005
Member: #1485
Location: Ocean City, NJ
Posts: 8,215 (1.89 per day)
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z AA AB AC AD AE AF AG AH AI AJ AK AL
1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
 
 
 
 
 

Last edited by Mercutio; 25th of January, 2013 at 11:24.
Reply With Quote
  #22  
Unread 25th of January, 2013, 10:58
zachol's Avatar
zachol
Flesh Colossus [Epic GM]

User is offline
 
Join Date: Jan 2005
Member: #1103
Location: Glorious Nippon
Posts: 8,153 (1.77 per day)
Well that's neat.
__________________
Sleepy cat is sleepy.
Reply With Quote
  #23  
Unread 25th of January, 2013, 11:00
Mercutio's Avatar
Mercutio
Grave Digger [Epic GM]

User is offline
 
Join Date: Oct 2005
Member: #1485
Location: Ocean City, NJ
Posts: 8,215 (1.89 per day)
The best part of this is that players can move their own characters!
Reply With Quote
  #24  
Unread 25th of January, 2013, 11:03
zachol's Avatar
zachol
Flesh Colossus [Epic GM]

User is offline
 
Join Date: Jan 2005
Member: #1103
Location: Glorious Nippon
Posts: 8,153 (1.77 per day)
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z AA AB AC AD AE AF AG AH AI AJ AK AL
1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
 
 
 
 
 


e: These maps seem slightly misaligned.
__________________
Sleepy cat is sleepy.

Last edited by zachol; 25th of January, 2013 at 11:06.
Reply With Quote
  #25  
Unread 25th of January, 2013, 11:22
Mercutio's Avatar
Mercutio
Grave Digger [Epic GM]

User is offline
 
Join Date: Oct 2005
Member: #1485
Location: Ocean City, NJ
Posts: 8,215 (1.89 per day)
They are a bit, but not enough to not use them. It looks to be a pixel higher than the grid.
Reply With Quote
Reply

Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT +10. The time now is 15:03.


Powered by vBulletin® Version 3.8.1
Copyright ©2000 - 2017, Jelsoft Enterprises Ltd.
Graphics by Koert van Kleef (T0N!C) and Lyle Warren