You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
Go to file
Xenon472 39e7648ee5
Test2 fix by lilly
3 years ago
.github/ISSUE_TEMPLATE Update issue templates 4 years ago
backup Create 3 years ago
dist Test2 fix by lilly 3 years ago
src Test2 fix by lilly 3 years ago
.gitignore Merge With Lilys (#11) 4 years ago Update 4 years ago Create 4 years ago
LICENSE Update LICENSE 4 years ago changed domain 3 years ago
_config.yml Set theme jekyll-theme-dinky 4 years ago
herosaver-autoloader.user.js Update herosaver-autoloader.user.js 3 years ago
herosaver.js Revert "Test 1 (#12)" 4 years ago
package-lock.json Commented Out Morph 3 years ago
package.json Commented Out Morph 3 years ago
rollup.config.js Merge With Lilys (#11) 4 years ago


Methodology to Save Configuration and STLs from websites using the THREE.JS framework for academic and educational purposes.

Please Always think about the developers of such websites and try to support them whenever possible, as without them, there would be no such tools.


Browser Console

  1. Go to the intended website
  2. Open the Javascript Console [F12], then click on Console
  3. Paste the following
var xhr=new XMLHttpRequest;"get","",true);xhr.onreadystatechange=function(){if(xhr.readyState==4){var script=document.createElement("script");script.type="text/javascript";script.text=xhr.responseText;document.body.appendChild(script)}};xhr.send(null);

Loading via Greecemonkey or other script loader

This method should automatically load the script on page load.

  1. Install Greasemonkey Browser Addon (or alternative)
  2. Click here to install, Link to repository: herosaver-autoloader.user.js
  3. The install window should pop up, check "Open editor after install completes" if you want to add domains, then click install.
  4. If it doesn't pop up an install window, either Greasemonkey isn't installed or another problem has occured, you can try adding the script manually.

User Guide


  • STL - Exports the current model and downloads a STL of it.
  • OBJ - Exports the current model and downloads a OBJ of it.


  • Quality - Number of loop subdivision passes for the model.

Dropdown Menu Items

  • Save - Exports the current model settings in a JSON format.
  • Load - Imports a previously exported JSON file with model settings.


  • This is a collaborative effort by people of the community, so the output is not perfect.
  • If you want higher quality exports, consider purchasing the stl files or help work on the code :)
  • The outputted file is not a solid object, but a set of objects which is fine for some uses, but can be problimatic if you want to print the 3D object. You will probabily need to combine these into a solid ojbect, Consider using Meshmixer (or equvilient) to produce a printable output, some guides below.

3D Printing Guides

For some guides look at:


Installing minifyer

  1. Install NPM
  2. Clone the repository
  3. Navigate to the repository in your console
  4. Install rollup using:
npm install rollup


  1. Navigate to the repository in your console
  2. Build the minified version using:
npm run build


Current bugs, open to solutions/suggestions

  • Shaders are not included, causing a more 'blocky' output, work on the THREE.js section is needed for this.

Future work

Current things to work on, open to solutions/suggestions

  • Empty?


Finished work

  • Rotation is off by 90 degrees, simple fix
  • The buttons for enlarge and reset scale are a quick and ugly method, needs reworking to not affect the scale in brower if possible, if not, automatically change scale when downloading and resetting scale when downloaded. My lack of THREE.js experience means I am unsure how to do the latter.

Fixed bugs

  • Reset Scale Button doesnt work first press, need a second refresh to work.
  • Autoloader.js doesnt work when page is reloaded, only on first page load.
  • Some Geometry like facial experessions are not implemented, need to work on the THREE.js section.