Sillysoft
Steam users, please help Greenlight Lux Delux!
Sillysoft Forums
Forums Of Universal Domination 
Games
About - FAQ
Download - Buy
Lux Delux
Maps - Rankings
Download - Buy
Castle Vox
Maps - Rankings
Download - Buy
Forums
Join the Forums
Log in - Memberlist
  RSS feeds  
Art - Wiki
News - Search
Making Detailed Polygons

 
Post new topic   Reply to topic    Sillysoft Games Forum Index -> Lux Maps
View previous topic :: View next topic  
Author Message
SunTzu
Lux Cartographer


Joined: 14 Jan 2006
Posts: 1579
Location: Maryland

PostPosted: Tue Sep 26, 2006 8:47 am    Post subject: Making Detailed Polygons Reply with quote

I've been asked a few times on how I make detailed polygons for maps, so here is a quick overview:
  • Start with a reference image
  • Create a new layer in Photoshop (Paint Shop Pro, Gimp, etc. will work as well)
  • Outline the polygons using 1-pixel dots
  • In ImageReady (or any image mapping tool) use the polygon image map tool and create the polygons by connecting the dots
  • Preview the image when complete, and copy the polygon coordinates to your .luxb file.
Back to top
View user's profile Send private message View SunTzu's ranking
paranoiarodeo
Lux Moderator
Lux Moderator


Joined: 17 Jul 2005
Posts: 8243
Location: Perched Upon the Eternal Throne of Lobotomia

PostPosted: Tue Sep 26, 2006 9:36 am    Post subject: Reply with quote

Or ... you can use Adobe Illustrator to draw polygons over an image ... and carefully strip the coordinate data from the resulting PDFs ... lock to a single pixel grid ... or not ... if you don't mind running your numbers through Excel and ( TRUNCATING / ROUNDING ) decimals along the way ...

I streamlined the process through a weekend of trial and error ... kludgy little spreadsheet even concatenates each country's coordinates into an XML ready string ...

∞ paranoiarodeo pats himself on the back ∞

Three or four of my beta maps are lounging oceanside with Bar's ... sipping cold beers and peeking under the grass skirts of exotic drink girls ... they occasionally send postcards, rarely call and never visit ... I'm thinking of abandoning the RAW rat race and joining them in paradise ... ah ... wouldn't that be swell ... !
Back to top
View user's profile Send private message Send e-mail Visit poster's website AIM Address View paranoiarodeo's ranking
SunTzu
Lux Cartographer


Joined: 14 Jan 2006
Posts: 1579
Location: Maryland

PostPosted: Tue Sep 26, 2006 9:57 am    Post subject: Reply with quote

I looked into that method a few months ago, Para, but was never able to make it efficient.

I actually stumbled across a perl script written by cyanshade that will convert the html output of ImageReady to a lux map. (See http://sillysoft.net/forums/viewtopic.php?t=822 for more details.)

Boy did THAT ever make my life easier!
Back to top
View user's profile Send private message View SunTzu's ranking
Ricklionhart
Lux Newbie


Joined: 08 Jul 2006
Posts: 77
Location: Down Under "Down-Under"

PostPosted: Thu Sep 28, 2006 4:11 pm    Post subject: Reply with quote

I use Adobe Indesign for all my precise linework, and then export it to Photoshop as a PDF bitmap. This also allows me to change line weights easily, and it has far better control of text-on-a-path than Photoshop.
Back to top
View user's profile Send private message Send e-mail Visit poster's website View Ricklionhart's ranking
Anonymous
Guest





PostPosted: Thu Nov 02, 2006 4:28 am    Post subject: Reply with quote

Thanks for advice. I will try.
Back to top
View Anonymous's ranking
djdee
lux widowmaker


Joined: 29 Nov 2006
Posts: 1881
Location: Geordieland

PostPosted: Thu Aug 16, 2007 9:18 am    Post subject: Reply with quote

paranoiarodeo wrote:
and carefully strip the coordinate data from the resulting PDFs


Hi Para

How do you do this?

djdee
Back to top
View user's profile Send private message Visit poster's website View djdee's ranking
Cuarto
Lux Wunderkind


Joined: 01 Jun 2007
Posts: 706
Location: Alabama

PostPosted: Thu Aug 16, 2007 9:36 am    Post subject: Reply with quote

you can also find a picture of what you want on the internet, place it behind where you want the country to go and alternate between the map editor and the internet browser following the border of the internet picture with your mouse, changing to the editor, then clicking. this has worked really nicely in my making of the Oklahoma, Delaware, and Vermont maps (not yet published)
Back to top
View user's profile Send private message Visit poster's website AIM Address View Cuarto's ranking
enjoymoreradio
Lux Addict


Joined: 30 Apr 2007
Posts: 553
Location: Walking uphill both ways in the snow

PostPosted: Thu Aug 16, 2007 10:19 am    Post subject: Reply with quote

Isn't that the whole purpose of the Load Background Image (Cmd-L)? I mean, you don't need to switch between browser and editor if you just make the image the background for the editor.
Back to top
View user's profile Send private message View enjoymoreradio's ranking
Cuarto
Lux Wunderkind


Joined: 01 Jun 2007
Posts: 706
Location: Alabama

PostPosted: Thu Aug 16, 2007 10:25 am    Post subject: Reply with quote

damn. if only i had known... lol
Back to top
View user's profile Send private message Visit poster's website AIM Address View Cuarto's ranking
navyboysaipan
Lux Newbie


Joined: 28 Aug 2007
Posts: 7
Location: San Jose, CA

PostPosted: Fri Aug 31, 2007 9:54 am    Post subject: Re: Making Detailed Polygons Reply with quote

SunTzu wrote:
I've been asked a few times on how I make detailed polygons for maps, so here is a quick overview:
  • Start with a reference image
  • Create a new layer in Photoshop (Paint Shop Pro, Gimp, etc. will work as well)
  • Outline the polygons using 1-pixel dots
  • In ImageReady (or any image mapping tool) use the polygon image map tool and create the polygons by connecting the dots
  • Preview the image when complete, and copy the polygon coordinates to your .luxb file.


how do you copy the polygon coordinates to your .luxb file?
Back to top
View user's profile Send private message AIM Address Yahoo Messenger MSN Messenger View navyboysaipan's ranking
SunTzu
Lux Cartographer


Joined: 14 Jan 2006
Posts: 1579
Location: Maryland

PostPosted: Fri Aug 31, 2007 11:02 am    Post subject: Re: Making Detailed Polygons Reply with quote

navyboysaipan wrote:
how do you copy the polygon coordinates to your .luxb file?

Hard Way:
  • Create a new .luxb file from scratch in a text editor, with the <continent>, <country>, and <polygon> tags all set up correctly
  • In ImageReady, make sure the image is upside down
  • Go to File > Preview In > choose your browser
  • For each <area shape="poly" on the html page, copy the coordinates found in coords="" and put them in your .luxb file in the appropriate <polygon> tag
  • Open the .luxb file in the Lux map editor to finish editing the map


Easier Way:
  • Download and install Perl onto your computer (You may already have it if you have a Mac)
  • Put the html2lux.pl file in your Perl directory
  • Use a text editor to read the comments in html2lux.pl and find out how to set the html settings in ImageReady
  • In ImageReady, make sure the image is right-side up
  • Put the name of each country polygon in its polygon Alt tag
  • Go to File > Preview In > choose your browser
  • In your browser, save the html file to your Perl directory
  • In a command line, go to your Perl directory and type "perl html2lux your_test_map.html > test_map.luxb"
  • All of the polygons are now in the .luxb file, but they're in one continent, so you need to edit the .luxb file in a text editor
  • Create the new <continent> tags you want and move the <country> tags to their correct <continent> tags
  • Open up the map in the Lux map editor to finish the map
Back to top
View user's profile Send private message View SunTzu's ranking
Weed Acct 33
Lux Newbie


Joined: 16 Apr 2008
Posts: 148

PostPosted: Mon Aug 04, 2008 11:23 am    Post subject: Reply with quote

Sup,

Cyan's site is gone. Can anyone else upload the html2lux file?
Back to top
View user's profile Send private message View Weed Acct 33's ranking
Enokrad
Dark Spawn


Joined: 23 Aug 2007
Posts: 3296
Location: New York

PostPosted: Mon Aug 04, 2008 12:19 pm    Post subject: Reply with quote

download and extract the file from the rar archive

http://www.hotlinkfiles.com/files/1665909_8eote/html2lux.rar

thanks to SunTzu for giving me the file a few months back. Very Happy
Back to top
View user's profile Send private message Visit poster's website View Enokrad's ranking
Weed Acct 33
Lux Newbie


Joined: 16 Apr 2008
Posts: 148

PostPosted: Mon Aug 04, 2008 5:20 pm    Post subject: Reply with quote

gracias seņor!

and I know what to do with a rar file -.-
Back to top
View user's profile Send private message View Weed Acct 33's ranking
Weed Acct 33
Lux Newbie


Joined: 16 Apr 2008
Posts: 148

PostPosted: Fri Aug 08, 2008 12:23 am    Post subject: Reply with quote

More questions!

I'm winging this whole thing, since I have no prior experience with Photoshop or ImageReady.

Do I even need Photoshop, or can the whole thing be done in ImageReady?

When I am in Photoshop, you say to create a new layer. I opened the picture, went to the Layer menu, everything is grayed, and it won't let me make said layer. Why?

How do I run the cyanshade's perl script?

Also, will ImageReady CS2 work with Photoshop CS3 (because that's the one I have, and I have yet to get ImageReady at all).

Thanks in advance!
Back to top
View user's profile Send private message View Weed Acct 33's ranking
Enokrad
Dark Spawn


Joined: 23 Aug 2007
Posts: 3296
Location: New York

PostPosted: Fri Aug 08, 2008 2:22 am    Post subject: Reply with quote

Create your file in photoshop (CS2 or CS3) and save it in png format.
make sure only the overground layer is visible.

After that open in imageready and use the magic wand to select all the areas that are going to be your countries. In the Magic wand properties choose "add to selection" button so in the end all the countries are selected simultaneously. At that point you just have to save the shapes and then export them to html format.

Then you use the perl file and after it creates a lux xml map
you just have to open the reg Lux editor and create new continents.

As to how to use the perl file, basic instructions can be found at this post by cyanshade
Back to top
View user's profile Send private message Visit poster's website View Enokrad's ranking
Weed Acct 33
Lux Newbie


Joined: 16 Apr 2008
Posts: 148

PostPosted: Fri Aug 08, 2008 4:42 pm    Post subject: Reply with quote

I can't find anything I can use to convert it to .png (its .gif right now), and it won't let me make a new layer (which I assume is the overground you're talking about).

Do you have any suggestions?
Back to top
View user's profile Send private message View Weed Acct 33's ranking
Enokrad
Dark Spawn


Joined: 23 Aug 2007
Posts: 3296
Location: New York

PostPosted: Fri Aug 08, 2008 6:45 pm    Post subject: Reply with quote

Overground is the image that will be placed over the countries.
in the end you will have

background.jpeg
foreground.png (if you want to have one)
overground.png

What program are you using for the layers?

Use Photoshop to create the pictures (overground) and layers and save as..... png

In theory you don't even need to create layers at all.
just make sure your overground is transparent and saved as png.

a really nice guide to learn how to use photoshop is Pixel Perfect It has very informative video clips

Has all kinds of cool stuff you can make. I would start with lesson one and go one a few episodes. eventually when you learn to make some of the stuff you can skip to the things you are mostly interested in.


Last edited by Enokrad on Fri Aug 08, 2008 6:58 pm; edited 1 time in total
Back to top
View user's profile Send private message Visit poster's website View Enokrad's ranking
Weed Acct 33
Lux Newbie


Joined: 16 Apr 2008
Posts: 148

PostPosted: Fri Aug 08, 2008 11:46 pm    Post subject: Reply with quote

But I have no idea how to make a layer! I have my image but it won't let me choose anything from the layer menu. I also don't know where to go to convert the file, any chance you could just point me there, so to speak..?
Back to top
View user's profile Send private message View Weed Acct 33's ranking
Enokrad
Dark Spawn


Joined: 23 Aug 2007
Posts: 3296
Location: New York

PostPosted: Sat Aug 09, 2008 12:04 am    Post subject: Reply with quote

ok i see why that happens

layers are locked when a file is open in gif format

usually it's fine if you open a jpeg bmp png or whatever else.

just do this

open the gif

select on the right the one layer that does exist (default or index layer)

press : ctrl + A

then : ctrl + N

click ok
you should see a new clear window open up (white background most likely)

press : ctrl + V

and the image that was on the gif should appear.

if you look at the right where layers should be,
you have a white background layer (that is shown locked)
and over it the new layer you just added which is a copy of the pic in your original gif image.

after that you can go and right click the white layer and delete it.

you should be left with the gif layer unlocked that you can edit and add new layers over it.
Back to top
View user's profile Send private message Visit poster's website View Enokrad's ranking
Weed Acct 33
Lux Newbie


Joined: 16 Apr 2008
Posts: 148

PostPosted: Sat Aug 09, 2008 12:17 am    Post subject: Reply with quote

Haha you totally could have just told me to copy/paste it in a new file. Sorry about that, not trying to be difficult but I'm trying to do this with no experience whatsoever. It'll make it that much more significant. Thanks a bunch for the help.
Back to top
View user's profile Send private message View Weed Acct 33's ranking
Enokrad
Dark Spawn


Joined: 23 Aug 2007
Posts: 3296
Location: New York

PostPosted: Sat Aug 09, 2008 12:29 am    Post subject: Reply with quote

EDIT: The method used in this comment does not work - deleted

Last edited by Enokrad on Sat Nov 01, 2008 1:49 am; edited 2 times in total
Back to top
View user's profile Send private message Visit poster's website View Enokrad's ranking
Display posts from previous:   
Post new topic   Reply to topic    Sillysoft Games Forum Index -> Lux Maps All times are GMT - 5 Hours
Page 1 of 1

 
Jump to:  
You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum

Meowzers Action Cats is our newest feline fun mobile game. Romp with cute cats on your phone and tablet.

Castle Vox is a simultaneous-turns team strategy boardgame. Diplomacy meets Axis & Allies game.

Lux Delux is an advanced Risk world domination game with over 800 maps, hard AI, and online multi-player.

American History Lux takes you through the wars of USA history. — Ancient Empires Lux spans Babylon to the Roman Empire.

Lux Touch, Lux USA and Lux DLX let you conquer the world on your iPhone, iPod, and iPad.

Sillysoft makes games for Mac OS X, Windows XP/Vista/7 and Linux. Also mobile games for iPhones, iPads, and iPod Touch.

Macintosh users may be interested to see our favorite Mac OS X games. For the full Sillysoft empire check out the sitemap.

Because taking over the world is fun.
                                 - Lux