The VG Resource
Extracting sprites from HTML5 game? - Printable Version

+- The VG Resource (https://www.vg-resource.com)
+-- Forum: The Resources (https://www.vg-resource.com/forum-109.html)
+--- Forum: The Spriters Resource (https://www.vg-resource.com/forum-110.html)
+---- Forum: Ripping Help (https://www.vg-resource.com/forum-114.html)
+---- Thread: Extracting sprites from HTML5 game? (/thread-30809.html)



Extracting sprites from HTML5 game? - Deep Weeb - 03-19-2017

Anyone could tell me how to do it?


RE: Extracting sprites from HTML5 game? - madK - 05-14-2017

This is actually quite simple.
Here is what I will use to make my example: http://www.ahlgreen.net/WP/5/index.html
If you open the code of said page (press F12 or CTRL+U), you will see a line like this:
"<body onload="Sburb.initialize('JterniaDeploy','levels/tsestuck/openbound.xml','true');">"
(This line is specifically for this game. It would normally look like this: "<script type="text/javascript" src="SOMEFILENAME"></script>")
With something as simple as this, you can just go into the URL and replace index.html with "levels/tsestuck/openbound.xml". Doing so, will send you to this page: http://www.ahlgreen.net/WP/5/levels/tsestuck/openbound.xml
Here you'll be able to see all the code in that file. (Normally a Javascript file, but an xml file for this game.)
Whatever file you get into, you'll want to look for stuff with .png.
Once you've found something like "interface/icons_spade.png", you'd replace "levels/tsestuck/openbound.xml" with "interface/icons_spade.png", but because of the way this game was made, you'll want  to write "resources/tsestuck/interface/icons_spade.png" instead of "interface/icons_spade.png". This will lead you to the image (http://www.ahlgreen.net/WP/5/resources/tsestuck/interface/icons_spade.png), which you can easilly download.

If you have any questions, let me know.

- MadCreativity


RE: Extracting sprites from HTML5 game? - BoyfriendGlitchy472 - 08-17-2022

but how do i do to get the assets in this website
https://emea.iframed.cn.dmti.cloud/content/336/game/remote-fu/uk/gumball_remotefu-en-19012018/index.html


RE: Extracting sprites from HTML5 game? - alex4x - 08-25-2024

Can i extract all images SVG annd PNG from Firefox cache ?

about:cache
[Image: Firefox-Cache.png]