Loading XML into Multidimensional array

Boldonglen · 07-30-2012, 02:59 PM

I have been creating a game in HTML5 and javascript and have came across a problem.

The game uses a tile system to load the map. Currently my map is saved within a multidimensional array and looks like this:

Code:

    var map = [ [1, 1, 1, 1, 1, 1, 1, 1, 1, 1],
                [1, 3, 0, 0, 0, 0, 0, 0, 0, 1],
                [1, 0, 0, 0, 0, 0, 0, 0, 0, 1],
                [1, 0, 0, 0, 0, 0, 0, 0, 0, 1],
                [1, 0, 0, 0, 0, 0, 0, 0, 0, 1],
                [1, 0, 0, 0, 0, 0, 0, 0, 0, 1],
                [1, 0, 0, 0, 0, 0, 2, 0, 4, 1],
                [1, 0, 0, 0, 0, 0, 2, 0, 4, 1],
                [1, 0, 0, 0, 0, 0, 2, 0, 4, 1],
                [1, 0, 0, 0, 0, 0, 2, 0, 4, 1],
                [1, 0, 0, 0, 0, 0, 2, 0, 4, 1],
                [1, 0, 0, 0, 0, 0, 0, 0, 0, 1],
                [1, 1, 1, 1, 1, 1, 1, 1, 1, 1]]

I would like to add move levels by using a XML file to update the array.

My XML file currently looks like this:

Code:

    <TileMaps>
    <Level level="1">
    <map>[ 	[1, 1, 1, 1, 1, 1, 1, 1, 1, 1],
		[1, 3, 0, 0, 0, 0, 2, 4, 0, 1],
		[1, 1, 1, 1, 1, 1, 1, 1, 1, 1]]
    </map>
    </Level>
    <Level level="2">
    <map>[ 	[1, 1, 1, 1, 1, 1, 1, 1, 1, 1],
		[1, 3, 0, 0, 0, 0, 0, 0, 0, 1],
		[1, 0, 0, 0, 0, 0, 0, 0, 0, 1],
		[1, 0, 0, 0, 0, 0, 0, 0, 0, 1],
		[1, 0, 0, 0, 0, 0, 0, 0, 0, 1],
		[1, 0, 0, 0, 0, 0, 0, 0, 0, 1],
		[1, 0, 0, 0, 0, 0, 2, 0, 4, 1],
		[1, 0, 0, 0, 0, 0, 2, 0, 4, 1],
		[1, 0, 0, 0, 0, 0, 2, 0, 4, 1],
		[1, 0, 0, 0, 0, 0, 2, 0, 4, 1],
		[1, 0, 0, 0, 0, 0, 2, 0, 4, 1],
		[1, 0, 0, 0, 0, 0, 0, 0, 0, 1],
		[1, 1, 1, 1, 1, 1, 1, 1, 1, 1]]
    </map>
    </Level>
    </TileMaps>

If anyone could help me load level="1" into my map variable that would be great.

Thanks

DaveyErwin · 07-30-2012, 06:21 PM

if your files are on
a server , like this ...

Code:

<!doctype html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title></title>
</head>
<body>
<script>
var map = [ [1, 1, 1, 1, 1, 1, 1, 1, 1, 1],
                [1, 3, 0, 0, 0, 0, 0, 0, 0, 1],
                [1, 0, 0, 0, 0, 0, 0, 0, 0, 1],
                [1, 0, 0, 0, 0, 0, 0, 0, 0, 1],
                [1, 0, 0, 0, 0, 0, 0, 0, 0, 1],
                [1, 0, 0, 0, 0, 0, 0, 0, 0, 1],
                [1, 0, 0, 0, 0, 0, 2, 0, 4, 1],
                [1, 0, 0, 0, 0, 0, 2, 0, 4, 1],
                [1, 0, 0, 0, 0, 0, 2, 0, 4, 1],
                [1, 0, 0, 0, 0, 0, 2, 0, 4, 1],
                [1, 0, 0, 0, 0, 0, 2, 0, 4, 1],
                [1, 0, 0, 0, 0, 0, 0, 0, 0, 1],
                [1, 1, 1, 1, 1, 1, 1, 1, 1, 1]];
alert(map);
req=new XMLHttpRequest();
req.open("GET","my.xml",false);
req.send();
xmlDoc = req.responseXML;
//eval("map="+xmlDoc.getElementsByTagName('map')[0].firstChild.nodeValue);
map = JSON.parse(xmlDoc.getElementsByTagName('map')[0].firstChild.nodeValue);
alert(map)
</script>
	</BODY>
</HTML>

Boldonglen · 07-31-2012, 09:51 AM

That works great thanks for your help DaveyErwin.