*Author

Scaredgirl

  • Guest
How to make the map? https://elementscommunity.org/forum/index.php?topic=9317.msg109757#msg109757
« on: July 07, 2010, 03:10:49 pm »
Coding:
How to make the map?

We have several options here. I will open the discussion by listing three.



Option 1 - html + tables (mainly for beta)
We make an image of the map (resources, hexagons, everything) and put it as a background image of a regular web page. We then insert a huge, invisible table on top of it. Table it set up so that the rows and columns align with the background image. When we then add things like player names on the table, it looks as it the names are on the map itself. In other words there are two different layers, one for map and the other for player data.

Pros:
+ super fast to set up
+ fast loading
+ browser safe

Cons:
- kind of ugly
- updating might be time-consuming



Option 2 - css
Using css, we make hexagon shaped pieces which we then use to build the map with. Here's an example of that technique: http://www.cssplay.co.uk/menus/hexagon.html

Here's another one using jQuery as a Flash substitute: http://ncmarinescience.com/

Pros:
+ looks more professional than option 1
+ fast loading
+ browser safe

Cons:
- graphics cannot go over hexagon borders (look at mountains in the current map)



Option 3 - Flash
We do the whole thing with Flash (same technique Elements uses).

Pros:
+ most flexible (we can pretty much do whatever we want)
+ most professional looking
+ most potential

Cons:
- long loading time
- takes a lot of time to code



There are other options as well of course.

Post your ideas here.

Offline BluePriest

  • Legendary Member
  • ******
  • Posts: 3771
  • Reputation Power: 46
  • BluePriest is towering like an Amethyst Dragon over their peers.BluePriest is towering like an Amethyst Dragon over their peers.BluePriest is towering like an Amethyst Dragon over their peers.BluePriest is towering like an Amethyst Dragon over their peers.BluePriest is towering like an Amethyst Dragon over their peers.BluePriest is towering like an Amethyst Dragon over their peers.BluePriest is towering like an Amethyst Dragon over their peers.BluePriest is towering like an Amethyst Dragon over their peers.BluePriest is towering like an Amethyst Dragon over their peers.
  • Entropy Has You
  • Awards: Slice of Elements 5th Birthday Cake
Re: Coding: How to make the map? https://elementscommunity.org/forum/index.php?topic=9317.msg109771#msg109771
« Reply #1 on: July 07, 2010, 03:32:02 pm »
I would say flash, especially since this is in the beta stages, we dont want to start with something, then decide to expand, only to realize we reached the limitations of css, and cant do what we wanted without reworking the entire thing in a different language.
This sig was interrupted by Joe Biden

Offline ddevans96

  • Legendary Member
  • ******
  • Posts: 8306
  • Country: us
  • Reputation Power: 113
  • ddevans96 is a mythical and divine giver of immortality, one of the Turquoise Nymphs.ddevans96 is a mythical and divine giver of immortality, one of the Turquoise Nymphs.ddevans96 is a mythical and divine giver of immortality, one of the Turquoise Nymphs.ddevans96 is a mythical and divine giver of immortality, one of the Turquoise Nymphs.ddevans96 is a mythical and divine giver of immortality, one of the Turquoise Nymphs.ddevans96 is a mythical and divine giver of immortality, one of the Turquoise Nymphs.ddevans96 is a mythical and divine giver of immortality, one of the Turquoise Nymphs.ddevans96 is a mythical and divine giver of immortality, one of the Turquoise Nymphs.ddevans96 is a mythical and divine giver of immortality, one of the Turquoise Nymphs.ddevans96 is a mythical and divine giver of immortality, one of the Turquoise Nymphs.ddevans96 is a mythical and divine giver of immortality, one of the Turquoise Nymphs.ddevans96 is a mythical and divine giver of immortality, one of the Turquoise Nymphs.ddevans96 is a mythical and divine giver of immortality, one of the Turquoise Nymphs.ddevans96 is a mythical and divine giver of immortality, one of the Turquoise Nymphs.ddevans96 is a mythical and divine giver of immortality, one of the Turquoise Nymphs.
  • now palafrost
  • Awards: Slice of Elements 10th Birthday CakeSlice of Elements 9th Birthday CakeSlice of Elements 8th Birthday CakeSlice of Elements 7th Birthday CakeSilver Donor9th Trials - Master of WaterSlice of Elements 6th Birthday Cake8th Trials - Master of WaterSlice of Elements 4th Birthday CakeSlice of Elements 3rd Birthday CakeWinner of the Harry Potter PvP House CupSlice of Elements 2nd Birthday Cake
Re: Coding: How to make the map? https://elementscommunity.org/forum/index.php?topic=9317.msg109786#msg109786
« Reply #2 on: July 07, 2010, 03:47:46 pm »
I agree, Flash would be the best choice in the long run, but I think we should use html/tables for the beta and testing, to make sure the whole system working before making a map on Flash.
discord / twitter: palafrost - 2x master of water - false god enthusiast
twitch: palafrost - speedrunner, ex-celeste, currently hades
avatar: makoto [persona 5] by asukabaka

Offline Terroking

  • Legendary Member
  • ******
  • Posts: 2166
  • Reputation Power: 29
  • Terroking is a proud Wyrm taking wing for the first time.Terroking is a proud Wyrm taking wing for the first time.Terroking is a proud Wyrm taking wing for the first time.Terroking is a proud Wyrm taking wing for the first time.Terroking is a proud Wyrm taking wing for the first time.
  • The best practice is experience.
  • Awards: Silver DonorSlice of Elements 4th Birthday Cake5th Trials - Master of Earth2nd Trials - Master of Earth1st Trials - Master of EarthWeekly Tournament WinnerChampionship League 1/2010 2nd Place9th Tournament 1st PlaceDesign A Quest 1st PlaceSS competition #1 2ndHalfblood Recruiter
Re: Coding: How to make the map? https://elementscommunity.org/forum/index.php?topic=9317.msg109883#msg109883
« Reply #3 on: July 07, 2010, 07:02:54 pm »
I agree, Flash would be the best choice in the long run, but I think we should use html/tables for the beta and testing, to make sure the whole system working before making a map on Flash.
I agree with this, although as I stated in chat I really don't see why flash would take so long (I'm not a coder, so I don't have any actual knowledge) because SG has said (I don't have the actual quote but it went something like this) "If it were a simple drag-and-drop program, that would be easy. I could do it in a matter of hours".

I'm pretty sure that's all it would have to be, since, after all, all it has to do is show who is where. Movers would drag people from place to place, so basically it just has to be the map as a backround "layer" and matching hexagonal tiles superimposed over top of it, with the players represented as probably elemental marks (Or Chess pieces, whatever) on a with their names somewhere on the hexagon, that could be picked up and moved through flash.

Anyways, that's how I see it.

I ask nothing of humanity but fairness in all things, but I do not expect even that.

Scaredgirl

  • Guest
Re: Coding: How to make the map? https://elementscommunity.org/forum/index.php?topic=9317.msg109891#msg109891
« Reply #4 on: July 07, 2010, 07:12:17 pm »
I agree, Flash would be the best choice in the long run, but I think we should use html/tables for the beta and testing, to make sure the whole system working before making a map on Flash.
I agree with this, although as I stated in chat I really don't see why flash would take so long (I'm not a coder, so I don't have any actual knowledge) because SG has said (I don't have the actual quote but it went something like this) "If it were a simple drag-and-drop program, that would be easy. I could do it in a matter of hours".

I'm pretty sure that's all it would have to be, since, after all, all it has to do is show who is where. Movers would drag people from place to place, so basically it just has to be the map as a backround "layer" and matching hexagonal tiles superimposed over top of it, with the players represented as probably elemental marks (Or Chess pieces, whatever) on a with their names somewhere on the hexagon, that could be picked up and moved through flash.

Anyways, that's how I see it.
Like I said earlier, it's going to be much more complex than a simple drag-and-drop.

We have:

- territories belonging to a specific element (owner keeps changing)
- quest (constantly changing)
- player-built houses/castles
- "living map"
etc.

Offline Glitch

  • Legendary Member
  • ******
  • Posts: 3730
  • Reputation Power: 65
  • Glitch walks among the Immortals, legends and guardians of all time.Glitch walks among the Immortals, legends and guardians of all time.Glitch walks among the Immortals, legends and guardians of all time.Glitch walks among the Immortals, legends and guardians of all time.Glitch walks among the Immortals, legends and guardians of all time.Glitch walks among the Immortals, legends and guardians of all time.Glitch walks among the Immortals, legends and guardians of all time.Glitch walks among the Immortals, legends and guardians of all time.Glitch walks among the Immortals, legends and guardians of all time.Glitch walks among the Immortals, legends and guardians of all time.Glitch walks among the Immortals, legends and guardians of all time.Glitch walks among the Immortals, legends and guardians of all time.Glitch walks among the Immortals, legends and guardians of all time.
  • Awards: 1st Trials - Master of LifeElements Short Story Competition WinnerPoetry in the Spirit of Elements
Re: Coding: How to make the map? https://elementscommunity.org/forum/index.php?topic=9317.msg109909#msg109909
« Reply #5 on: July 07, 2010, 07:24:28 pm »
Hmm, well, I'm okay with flash, I could probably get all of that to work =/

Scaredgirl

  • Guest
Re: Coding: How to make the map? https://elementscommunity.org/forum/index.php?topic=9317.msg109926#msg109926
« Reply #6 on: July 07, 2010, 07:36:23 pm »
Hmm, well, I'm okay with flash, I could probably get all of that to work =/
Cool. It's a pretty big project so I hope you know what your are getting yourself into. :)

Others have voiced interest as well. Lets first see what kind of talent we have here, and then make the decision on how we are going to do this.

Offline Glitch

  • Legendary Member
  • ******
  • Posts: 3730
  • Reputation Power: 65
  • Glitch walks among the Immortals, legends and guardians of all time.Glitch walks among the Immortals, legends and guardians of all time.Glitch walks among the Immortals, legends and guardians of all time.Glitch walks among the Immortals, legends and guardians of all time.Glitch walks among the Immortals, legends and guardians of all time.Glitch walks among the Immortals, legends and guardians of all time.Glitch walks among the Immortals, legends and guardians of all time.Glitch walks among the Immortals, legends and guardians of all time.Glitch walks among the Immortals, legends and guardians of all time.Glitch walks among the Immortals, legends and guardians of all time.Glitch walks among the Immortals, legends and guardians of all time.Glitch walks among the Immortals, legends and guardians of all time.Glitch walks among the Immortals, legends and guardians of all time.
  • Awards: 1st Trials - Master of LifeElements Short Story Competition WinnerPoetry in the Spirit of Elements
Re: Coding: How to make the map? https://elementscommunity.org/forum/index.php?topic=9317.msg110221#msg110221
« Reply #7 on: July 08, 2010, 05:57:50 am »
Yea.  Right now Adobe is being pissy because I entered my product code incorrectly, so I'm trying to get the license code back from my school.  It won't open at current =(

Offline Dragoon1140

  • Hero Member
  • *****
  • Posts: 1984
  • Reputation Power: 23
  • Dragoon1140 is a Mummy waiting to discover the path to glory.Dragoon1140 is a Mummy waiting to discover the path to glory.Dragoon1140 is a Mummy waiting to discover the path to glory.Dragoon1140 is a Mummy waiting to discover the path to glory.
  • New to Elements
Re: Coding: How to make the map? https://elementscommunity.org/forum/index.php?topic=9317.msg110494#msg110494
« Reply #8 on: July 08, 2010, 05:51:17 pm »
Yea.  Right now Adobe is being pissy because I entered my product code incorrectly, so I'm trying to get the license code back from my school.  It won't open at current =(
Well, I do have my code for CS4.  <.<  >.>
Else known as "JonTheBon"

I also make videos and stuff.

Offline Zac33333

  • Sr. Member
  • ****
  • Posts: 755
  • Reputation Power: 9
  • Zac33333 is a Spark waiting for a buff.
  • I love Aether, like I'm Icybraker.
Re: Coding: How to make the map? https://elementscommunity.org/forum/index.php?topic=9317.msg110552#msg110552
« Reply #9 on: July 08, 2010, 07:13:54 pm »
Gl1tch, maybe we could team up? I use Cs4, so whatever you use should be compatible. And Flash ftw! :)

Offline Glitch

  • Legendary Member
  • ******
  • Posts: 3730
  • Reputation Power: 65
  • Glitch walks among the Immortals, legends and guardians of all time.Glitch walks among the Immortals, legends and guardians of all time.Glitch walks among the Immortals, legends and guardians of all time.Glitch walks among the Immortals, legends and guardians of all time.Glitch walks among the Immortals, legends and guardians of all time.Glitch walks among the Immortals, legends and guardians of all time.Glitch walks among the Immortals, legends and guardians of all time.Glitch walks among the Immortals, legends and guardians of all time.Glitch walks among the Immortals, legends and guardians of all time.Glitch walks among the Immortals, legends and guardians of all time.Glitch walks among the Immortals, legends and guardians of all time.Glitch walks among the Immortals, legends and guardians of all time.Glitch walks among the Immortals, legends and guardians of all time.
  • Awards: 1st Trials - Master of LifeElements Short Story Competition WinnerPoetry in the Spirit of Elements
Re: Coding: How to make the map? https://elementscommunity.org/forum/index.php?topic=9317.msg110555#msg110555
« Reply #10 on: July 08, 2010, 07:15:09 pm »
Yea.  Right now Adobe is being pissy because I entered my product code incorrectly, so I'm trying to get the license code back from my school.  It won't open at current =(
Well, I do have my code for CS4.  <.<  >.>
There are licensing laws.  If you give it to me, Adobe will ban the code and then neither of us will be able to use it.

Offline Zac33333

  • Sr. Member
  • ****
  • Posts: 755
  • Reputation Power: 9
  • Zac33333 is a Spark waiting for a buff.
  • I love Aether, like I'm Icybraker.
Re: Coding: How to make the map? https://elementscommunity.org/forum/index.php?topic=9317.msg110558#msg110558
« Reply #11 on: July 08, 2010, 07:17:14 pm »
In that event, I say a collaboration? :)

 

anything
blarg: