Working out xml
Jun 1, 2021 7:12:13 GMT
via mobile
ππ³π°π΅π΄π¬πΊ, Darth Nihilus, and 1 more like this
Post by ππ³π°π΅π΄π¬πΊ on Jun 1, 2021 7:12:13 GMT
Now I will continue with a hack to view Spritelibs. It works with javascript, for this reason I can't post the results here in the forum. So minimal work is reqired, but it helps a lot when working with the libs:
How to:
Create a html-file (copy my template)
- 1. change the lib.png and size in line 14
- 2. copy and paste the corresponding XML-data in line 16 All the <Image ... /> without the outer <Images ...> and </Images> tag
- 3. do a regular expression replace all (regexp βοΈ):
Search:
Replace with (MT):
- or -
Replace with (other editors) :
- 4. Save the file (.html) in the same directory where the image is and
- 5. Open the new html-file in your browser.
You can see all boundaries, clicking on an Image will show name and size.
You can do skin edits and control your work much easier.
For all other modding you can find out quickly the name of all sprites.
enjoy
ποΈ 08.Sep 21
How to:
Create a html-file (copy my template)
<html>
<head>
<title>Spriteview</title>
<style>
body {background-color:#444444;}
div {border:dotted 1px #eeeeee; position:absolute;}
</style>
</head>
<body>
<b>Spritelib viewer</b>
<!-->>1>>βΒ change in the next tag the name of the spriteliblib.png and set the correct image sizeβΒ <<1<<-->
<div style="
background:url(anim_fire.png);
width:128px;
height:128px;
border:solid 5px black;">
<!-->>2>>βΒ insert here below the xml-data, that is inside the <Images> and </Images> -tags <<2<<-->
ββββ</div>
ββ</body>
</html>
<Image\s+name="(.*?)"\s+x="(.*?)"\s+y="(.*?)"\s+w="(.*?)"\s+h="(.*?)"(.*?)\/><div onclick='alert("$1\n\nx:$2 y:$3\nw:$4 h:$5");' style="left:$2px; top:$3px; width:$4px; height:$5px; border-color:white;"></div><div onclick='alert("$1\\n\\nx:$2 y:$3\\nw:$4 h:$5");' style="left:$2px; top:$3px; width:$4px; height:$5px; border-color:white;"></div>- 1. change the lib.png and size in line 14
- 2. copy and paste the corresponding XML-data in line 16 All the <Image ... /> without the outer <Images ...> and </Images> tag
- 3. do a regular expression replace all (regexp βοΈ):
Search:
<Image\s+name="(.*?)"\s+x="(.*?)"\s+y="(.*?)"\s+w="(.*?)"\s+h="(.*?)"(.*?)\/>Replace with (MT):
<div onclick='alert("$1\n\nx:$2 y:$3\nw:$4 h:$5");' style="left:$2px; top:$3px; width:$4px; height:$5px; border-color:white;"></div>- or -
Replace with (other editors) :
<div onclick='alert("$1\\n\\nx:$2 y:$3\\nw:$4 h:$5");' style="left:$2px; top:$3px; width:$4px; height:$5px; border-color:white;"></div>- 4. Save the file (.html) in the same directory where the image is and
- 5. Open the new html-file in your browser.
You can see all boundaries, clicking on an Image will show name and size.
You can do skin edits and control your work much easier.
For all other modding you can find out quickly the name of all sprites.
enjoy
ποΈ 08.Sep 21
