forked from sm64js-test/sm64js-test.github.io
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathskin-gui-installer.html
9 lines (9 loc) · 3.53 KB
/
skin-gui-installer.html
1
2
3
4
5
6
7
8
9
<!DOCTYPE html>
<html>
<h1>Skin creator with "GUI"</h1>
<p>AKA real-time updating in the game.</p>
<h3>To use</h3>
<p>Drag this link to your Bookmarks bar: <a href='javascript:function hexRGB(a){e=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(a);return e?{r:parseInt(e[1],16),g:parseInt(e[2],16),b:parseInt(e[3],16)}:null};function update() {skinType = document.getElementById("skinTypes").value;window.myMario.skinData[skinType] = [hexRGB(document.getElementById("value1").value).r,hexRGB(document.getElementById("value1").value).g,hexRGB(document.getElementById("value1").value).b,hexRGB(document.getElementById("value2").value).r,hexRGB(document.getElementById("value2").value).g,hexRGB(document.getElementById("value2").value).b]}(function(){var htmlToInject = `<select id="skinTypes"><option value="overalls">Overalls</option><option value="hat">Hat</option><option value="shirt">Shirt</option><option value="gloves">Gloves</option><option value="boots">Boots</option><option value="skin">Skin</option><option value="hair">Hair</option></select><br /><br />Colours - <input onchange="update()" type="color" id="value1"><br />Diffuse - <input onchange="update()" type="color" id="value2">`;document.getElementById("romMessage").innerHTML = htmlToInject})()'>SM64JS Skin Creator</a><br />
You can also use this one, which uses 6 RGB sliders instead of a colour wheel: <a href='javascript:function hexRGB(a){e=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(a);return%20e?{r:parseInt(e[1],16),g:parseInt(e[2],16),b:parseInt(e[3],16)}:null};function%20update()%20{i%20=%201;while(i%20<=%206)%20{x%20=%20document.getElementById("value"%20+%20i).value;document.getElementById("rangeDisplay"%20+%20i).innerHTML%20=%20x;i++;}skinType%20=%20document.getElementById("skinTypes").value;window.myMario.skinData[skinType]%20=%20[parseInt(document.getElementById("value1").value),parseInt(document.getElementById("value2").value),parseInt(document.getElementById("value3").value),parseInt(document.getElementById("value4").value),parseInt(document.getElementById("value5").value),parseInt(document.getElementById("value6").value)]}(function()%7Bvar%20htmlToInject%20%3D%20`<select%20id%3D"skinTypes"><option%20value%3D"overalls">Overalls<%2Foption><option%20value%3D"hat">Hat<%2Foption><option%20value%3D"shirt">Shirt<%2Foption><option%20value%3D"gloves">Gloves<%2Foption><option%20value%3D"boots">Boots<%2Foption><option%20value%3D"skin">Skin<%2Foption><option%20value%3D"hair">Hair<%2Foption><%2Fselect><br%20%2F><br%20%2F><label%20id%3D"rangeDisplay1">0<%2Flabel><br><input%20oninput%3D"update()"%20type%3D"range"%20id%3D"value1"%20min%3D"0"%20max%3D"256"%20value%3D"0"><br%20%2F><label%20id%3D"rangeDisplay2">0<%2Flabel><br><input%20oninput%3D"update()"%20type%3D"range"%20id%3D"value2"%20min%3D"0"%20max%3D"256"%20value%3D"0"><br%20%2F><label%20id%3D"rangeDisplay3">0<%2Flabel><br><input%20oninput%3D"update()"%20type%3D"range"%20id%3D"value3"%20min%3D"0"%20max%3D"256"%20value%3D"0"><br%20%2F><label%20id%3D"rangeDisplay4">0<%2Flabel><br><input%20oninput%3D"update()"%20type%3D"range"%20id%3D"value4"%20min%3D"0"%20max%3D"256"%20value%3D"0"><br%20%2F><label%20id%3D"rangeDisplay5">0<%2Flabel><br><input%20oninput%3D"update()"%20type%3D"range"%20id%3D"value5"%20min%3D"0"%20max%3D"256"%20value%3D"0"><br%20%2F><label%20id%3D"rangeDisplay6">0<%2Flabel><br><input%20oninput%3D"update()"%20type%3D"range"%20id%3D"value6"%20min%3D"0"%20max%3D"256"%20value%3D"0"><br%20%2F>`%3Bdocument.getElementById("romMessage").innerHTML%20%3D%20htmlToInject%7D)()'>Skin Slider GUI</a><br />
It should then work.</p>
</html>