Go to file
Lucas 74276142fa
Minor adjustments
2019-09-08 14:25:59 +01:00
.github/ISSUE_TEMPLATE Update issue templates 2019-07-23 16:07:31 +01:00
.gitignore inital 2019-06-29 13:43:39 +01:00
Autoloader.js Update Autoloader.js 2019-06-29 15:23:51 +01:00
CODE_OF_CONDUCT.md Update CODE_OF_CONDUCT.md 2019-07-23 16:06:51 +01:00
CONTRIBUTING.md Create CONTRIBUTING.md 2019-07-23 16:07:06 +01:00
LICENSE Update LICENSE 2019-07-13 13:43:47 +01:00
README.md Correct Type-o 2019-07-20 01:18:04 -04:00
herosaver.js Minor adjustments 2019-09-08 14:25:59 +01:00

README.md

Herosaver

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.

Usage

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;xhr.open("get","https://raw.githubusercontent.com/TeaWithLucas/Herosaver/master/herosaver.js",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. Current it doesn't work if the page is reloaded (Open for suggestions?)

  1. Install Greasemonkey Browser Addon (or alternative)
  2. Click the icon and select 'New User Script' from the dropdown menu
  3. Copy and pase from Autoloader.js, editing the intended website
  4. Save

Buttons

  • Export Model (STL) - Exports the current model and downloads a STL of it.
  • Export (JSON) - Exports the current model settings in a JSON format.
  • Import (JSON) - Imports a previously exported JSON file with model settings.
  • Enlarge - Increases the size and rotates the model to match STL output for standard printing size:[10,10,10], rotation:[90,0,0]
  • Reset Scale - Resets the model and refreshes it, bug: refresh twice to reset some incorrect models.

Bugs

Current bugs, open to solutions/suggestions

  • 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.
  • 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

  • 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.

Limitations

Currently this is a compliled selection of various bits of code, so the output is not 100% great. If you want higher quality exports, consider purchasing the stl files or help work on the code :)