Map like new MMORPG Project

Place for questions and answers for all newcomers and new coders. This is a free for all forum, no question is too stupid and to noob.
Post Reply
mattollie
Posts: 13
Joined: Sun Sep 11, 2011 10:51 am

Map like new MMORPG Project

Post by mattollie »

Hi Guys,

I have been trying to modify the map that has been used in the latest mmorpg video tutorials but am having issues.
The map idea I am going for is below.
Snippet coppied from Outwar.com.....

Looking at the code its pretty similar to the new tutorials.

I know im noob, but any help is appreciated.

Code: Select all

<body>
  <table cellspacing="0" cellpadding="0" style=
  "background-color:#333333;border:2px solid black;">
    <tbody>
      <tr>
        <td style=
        "text-align:center;vertical-align:middle;color:white;background-color:#333333;background-image:url(/landing/defroom.gif);">
        <div style="height:29px;width:29px;"></div>
        </td>

        <td style=
        "text-align:center;vertical-align:middle;color:white;background-color:#333333;background-image:url(/landing/defroom.gif);">
        <div style="height:29px;width:29px;"></div>
        </td>

        <td style=
        "text-align:center;vertical-align:middle;color:white;background-color:#333333;background-image:url(/landing/defroom.gif);">
        <div style="height:29px;width:29px;"></div>
        </td>

        <td style=
        "text-align:center;vertical-align:middle;color:white;background-color:#333333;background-image:url(/landing/defroom.gif);">
        <div style="height:29px;width:29px;"></div>
        </td>

        <td style=
        "text-align:center;vertical-align:middle;color:white;background-color:#333333;background-image:url(/landing/defroom.gif);">
        <div style="height:29px;width:29px;"></div>
        </td>

        <td style=
        "text-align:center;vertical-align:middle;color:white;background-color:#333333;background-image:url(/landing/defroom.gif);">
        <div style="height:29px;width:29px;"></div>
        </td>

        <td style=
        "text-align:center;vertical-align:middle;color:white;background-color:#333333;background-image:url(/landing/defroom.gif);">
        <div style="height:29px;width:29px;"></div>
        </td>
      </tr>

      <tr>
        <td style=
        "text-align:center;vertical-align:middle;color:white;background-color:#333333;background-image:url(/landing/defroom.gif);">
        <div style="height:29px;width:29px;"></div>
        </td>

        <td style=
        "text-align:center;vertical-align:middle;color:white;background-color:#333333;background-image:url(/landing/defroom.gif);">
        <div style="height:29px;width:29px;"></div>
        </td>

        <td style=
        "text-align:center;vertical-align:middle;color:white;background-color:#333333;background-image:url(/landing/defroom.gif);">
        <div style="height:29px;width:29px;"></div>
        </td>

        <td style=
        "text-align:center;vertical-align:middle;color:white;background-color:#333333;background-image:url(/landing/defroom.gif);">
        <div style="height:29px;width:29px;"></div>
        </td>

        <td style=
        "text-align:center;vertical-align:middle;color:white;background-color:#333333;background-image:url(/landing/defroom.gif);">
        <div style="height:29px;width:29px;"></div>
        </td>

        <td style=
        "text-align:center;vertical-align:middle;color:white;background-color:#6F552F;background-image:url(/images/forest/forest1.gif);">
        <div style="height:29px;width:29px;"></div>
        </td>

        <td style=
        "text-align:center;vertical-align:middle;color:white;background-color:#6F552F;background-image:url(/images/forest/forest1.gif);">
        <div style="height:29px;width:29px;"></div>
        </td>
      </tr>

      <tr>
        <td style=
        "text-align:center;vertical-align:middle;color:white;background-color:#333333;background-image:url(/landing/defroom.gif);">
        <div style="height:29px;width:29px;"></div>
        </td>

        <td style=
        "text-align:center;vertical-align:middle;color:white;background-color:#333333;background-image:url(/landing/defroom.gif);">
        <div style="height:29px;width:29px;"></div>
        </td>

        <td style=
        "text-align:center;vertical-align:middle;color:white;background-color:#333333;background-image:url(/landing/defroom.gif);">
        <div style="height:29px;width:29px;"></div>
        </td>

        <td style=
        "text-align:center;vertical-align:middle;color:white;background-color:#6F552F;background-image:url(/images/forest/forest1.gif);">
        <div style="height:29px;width:29px;"></div>
        </td>

        <td style=
        "text-align:center;vertical-align:middle;color:white;background-color:#6F552F;background-image:url(/images/forest/forest1.gif);">
        <div style="height:29px;width:29px;"></div>
        </td>

        <td style=
        "text-align:center;vertical-align:middle;color:white;background-color:#6F552F;background-image:url(/images/forest/forest1.gif);">
        <div style="height:29px;width:29px;"></div>
        </td>

        <td style=
        "text-align:center;vertical-align:middle;color:white;background-color:#6F552F;background-image:url(/images/forest/forest1.gif);">
        <div style="height:29px;width:29px;"></div>
        </td>
      </tr>

      <tr>
        <td style=
        "text-align:center;vertical-align:middle;color:white;background-color:#333333;background-image:url(/landing/defroom.gif);">
        <div style="height:29px;width:29px;"></div>
        </td>

        <td style=
        "text-align:center;vertical-align:middle;color:white;background-color:#333333;background-image:url(/landing/defroom.gif);">
        <div style="height:29px;width:29px;"></div>
        </td>

        <td style=
        "text-align:center;vertical-align:middle;color:white;background-color:#6F552F;background-image:url(/images/forest/forest1.gif);">
        <div style="height:29px;width:29px;"></div>
        </td>

        <td style=
        "text-align:center;vertical-align:middle;color:white;background-color:#6F552F;background-image:url(/images/forest/forest1.gif);">
        <div style="height:29px;width:29px;"><img src="/images/maptile/YAH.gif" style=
        "margin-top:10px;" /></div>
        </td>

        <td style=
        "text-align:center;vertical-align:middle;color:white;background-color:#6F552F;background-image:url(/images/forest/forest1.gif);">
        <div style="height:29px;width:29px;"></div>
        </td>

        <td style=
        "text-align:center;vertical-align:middle;color:white;background-color:#6F552F;background-image:url(/images/forest/forest1.gif);">
        <div style="height:29px;width:29px;"></div>
        </td>

        <td style=
        "text-align:center;vertical-align:middle;color:white;background-color:#6F552F;background-image:url(/images/forest/forest1.gif);">
        <div style="height:29px;width:29px;"></div>
        </td>
      </tr>

      <tr>
        <td style=
        "text-align:center;vertical-align:middle;color:white;background-color:#333333;background-image:url(/landing/defroom.gif);">
        <div style="height:29px;width:29px;"></div>
        </td>

        <td style=
        "text-align:center;vertical-align:middle;color:white;background-color:#333333;background-image:url(/landing/defroom.gif);">
        <div style="height:29px;width:29px;"></div>
        </td>

        <td style=
        "text-align:center;vertical-align:middle;color:white;background-color:#333333;background-image:url(/landing/defroom.gif);">
        <div style="height:29px;width:29px;"></div>
        </td>

        <td style=
        "text-align:center;vertical-align:middle;color:white;background-color:#6F552F;background-image:url(/images/forest/forest1.gif);">
        <div style="height:29px;width:29px;"></div>
        </td>

        <td style=
        "text-align:center;vertical-align:middle;color:white;background-color:#6F552F;background-image:url(/images/forest/forest1.gif);">
        <div style="height:29px;width:29px;"></div>
        </td>

        <td style=
        "text-align:center;vertical-align:middle;color:white;background-color:#6F552F;background-image:url(/images/forest/forest1.gif);">
        <div style="height:29px;width:29px;"></div>
        </td>

        <td style=
        "text-align:center;vertical-align:middle;color:white;background-color:#6F552F;background-image:url(/images/forest/forest1.gif);">
        <div style="height:29px;width:29px;"></div>
        </td>
      </tr>

      <tr>
        <td style=
        "text-align:center;vertical-align:middle;color:white;background-color:#333333;background-image:url(/landing/defroom.gif);">
        <div style="height:29px;width:29px;"></div>
        </td>

        <td style=
        "text-align:center;vertical-align:middle;color:white;background-color:#333333;background-image:url(/landing/defroom.gif);">
        <div style="height:29px;width:29px;"></div>
        </td>

        <td style=
        "text-align:center;vertical-align:middle;color:white;background-color:#333333;background-image:url(/landing/defroom.gif);">
        <div style="height:29px;width:29px;"></div>
        </td>

        <td style=
        "text-align:center;vertical-align:middle;color:white;background-color:#333333;background-image:url(/landing/defroom.gif);">
        <div style="height:29px;width:29px;"></div>
        </td>

        <td style=
        "text-align:center;vertical-align:middle;color:white;background-color:#6F552F;background-image:url(/images/forest/forest4.gif);">
        <div style="height:29px;width:29px;"></div>
        </td>

        <td style=
        "text-align:center;vertical-align:middle;color:white;background-color:#6F552F;background-image:url(/images/forest/forest4.gif);">
        <div style="height:29px;width:29px;"></div>
        </td>

        <td style=
        "text-align:center;vertical-align:middle;color:white;background-color:#6F552F;background-image:url(/images/forest/forest4.gif);">
        <div style="height:29px;width:29px;"></div>
        </td>
      </tr>

      <tr>
        <td style=
        "text-align:center;vertical-align:middle;color:white;background-color:#333333;background-image:url(/landing/defroom.gif);">
        <div style="height:29px;width:29px;"></div>
        </td>

        <td style=
        "text-align:center;vertical-align:middle;color:white;background-color:#333333;background-image:url(/landing/defroom.gif);">
        <div style="height:29px;width:29px;"></div>
        </td>

        <td style=
        "text-align:center;vertical-align:middle;color:white;background-color:#333333;background-image:url(/landing/defroom.gif);">
        <div style="height:29px;width:29px;"></div>
        </td>

        <td style=
        "text-align:center;vertical-align:middle;color:white;background-color:#333333;background-image:url(/landing/defroom.gif);">
        <div style="height:29px;width:29px;"></div>
        </td>

        <td style=
        "text-align:center;vertical-align:middle;color:white;background-color:#6F552F;background-image:url(/images/forest/forest4.gif);">
        <div style="height:29px;width:29px;"></div>
        </td>

        <td style=
        "text-align:center;vertical-align:middle;color:white;background-color:#6F552F;background-image:url(/images/forest/forest4.gif);">
        <div style="height:29px;width:29px;"></div>
        </td>

        <td style=
        "text-align:center;vertical-align:middle;color:white;background-color:#6F552F;background-image:url(/images/forest/forest4.gif);">
        <div style="height:29px;width:29px;"></div>
        </td>
      </tr>
    </tbody>
  </table>
</body>
mattollie
Posts: 13
Joined: Sun Sep 11, 2011 10:51 am

Re: Map like new MMORPG Project

Post by mattollie »

anyone???
User avatar
KyleMassacre
Posts: 573
Joined: Wed Nov 27, 2013 12:42 pm

Re: Map like new MMORPG Project

Post by KyleMassacre »

I dont understand exactly what you are wishing to accomplish. Can you give a bit more detail?
mattollie
Posts: 13
Joined: Sun Sep 11, 2011 10:51 am

Re: Map like new MMORPG Project

Post by mattollie »

Hi Kyle,

Sure thing.
Sorry about my noobness in this.
I am a VB.Net developer and have dabbled with Java and HTML / PHP

What I'm trying to accomplish is something similar to Halls new video tutorials where you can click the buttons to move your character around a square map.
However in his map, there are mining / woodcutting and all that stuff.

I'm looking to create a simpler map without all the mess with mining and stuff, but more each movement (up, down, left, right) is a room and in that room there are creatures that can be attacked.

The map is probably the hardest thing for me to understand.
The example I have given above is what is being used in a game called Outwar.

If you paste that code into a text file, name is .html and run it, you will see an outline of rooms (Dark squares are the border where you cant go and the light squares are rooms you are allowed to move to)

This game was one of my favs back in the day but it is really outdated and old.

Example below

Red Dot is character

Starting Room
Image

Click Right Arrow (Moving to the right)
Image

Click Right Arrow Again (Moving to the right)
Image

etc, etc

Let me know if you need more info and ill try and explain as best as possible.
User avatar
hallsofvallhalla
Site Admin
Posts: 12031
Joined: Wed Apr 22, 2009 11:29 pm

Re: Map like new MMORPG Project

Post by hallsofvallhalla »

So what exactly is the error you are getting or the issue causing trouble?
Post Reply

Return to “Beginner Help and Support”