Moved everything under NeomojiMixer namespace

This commit is contained in:
Vftdan 2024-04-23 01:36:54 +02:00
parent dfc0870fc1
commit 8858549de3
2 changed files with 376 additions and 346 deletions

View File

@ -18,12 +18,12 @@
<img class="arms" id="arms_img" src="" />
</div>
<div id="controls">
<div class="body"><button id="body_left" onclick="onClick_body_prev();" disabled><</button><span class="name" id="body_name">name body</span><button id="body_right" onclick="onClick_body_next();" disabled>></button></div>
<div class="eyes"><button id="eyes_left" onclick="onClick_eyes_prev();" disabled><</button><span class="name" id="eyes_name">name eyes</span><button id="eyes_right" onclick="onClick_eyes_next();" disabled>></button></div>
<div class="mouth"><button id="mouth_left" onclick="onClick_mouth_prev();" disabled><</button><span class="name" id="mouth_name">name mouth</span><button id="mouth_right" onclick="onClick_mouth_next();" disabled>></button></div>
<div class="arms"><button id="arms_left" onclick="onClick_arms_prev();" disabled><</button><span class="name" id="arms_name">name arms</span><button id="arms_right" onclick="onClick_arms_next();" disabled>></button></div>
<div class="random"><button id="random" onclick="randomize();" disabled>Random</button></div>
<div class="export"><button id="export" onclick="exportImage();" disabled>Export Image</button></div>
<div class="body"><button id="body_left" onclick="NeomojiMixer.onClick_body_prev();" disabled><</button><span class="name" id="body_name">name body</span><button id="body_right" onclick="NeomojiMixer.onClick_body_next();" disabled>></button></div>
<div class="eyes"><button id="eyes_left" onclick="NeomojiMixer.onClick_eyes_prev();" disabled><</button><span class="name" id="eyes_name">name eyes</span><button id="eyes_right" onclick="NeomojiMixer.onClick_eyes_next();" disabled>></button></div>
<div class="mouth"><button id="mouth_left" onclick="NeomojiMixer.onClick_mouth_prev();" disabled><</button><span class="name" id="mouth_name">name mouth</span><button id="mouth_right" onclick="NeomojiMixer.onClick_mouth_next();" disabled>></button></div>
<div class="arms"><button id="arms_left" onclick="NeomojiMixer.onClick_arms_prev();" disabled><</button><span class="name" id="arms_name">name arms</span><button id="arms_right" onclick="NeomojiMixer.onClick_arms_next();" disabled>></button></div>
<div class="random"><button id="random" onclick="NeomojiMixer.randomize();" disabled>Random</button></div>
<div class="export"><button id="export" onclick="NeomojiMixer.exportImage();" disabled>Export Image</button></div>
</div>
<div id="stats">stats</div>
<canvas id="canvas_export" width="256" height="256" hidden name="test.png"></canvas>

View File

@ -1,3 +1,4 @@
const NeomojiMixer = (function(NeomojiMixer) {
//global variables
//Arrays to hold the parts
@ -365,6 +366,35 @@ function exportImage() { //Export image so it can be saved as one PNG
document.getElementById("exportSaveMessage").hidden = false;
}
NeomojiMixer.eyes = eyes;
NeomojiMixer.body = body;
NeomojiMixer.mouth = mouth;
NeomojiMixer.arms = arms;
NeomojiMixer.arms_orange = arms_orange;
NeomojiMixer.arms_blue = arms_blue;
NeomojiMixer.arms_lightgrey = arms_lightgrey;
NeomojiMixer.arms_red = arms_red;
NeomojiMixer.arms_white = arms_white;
NeomojiMixer.arms_yellow = arms_yellow;
NeomojiMixer.getData = getData;
NeomojiMixer.randomize = randomize;
NeomojiMixer.exportImage = exportImage;
NeomojiMixer.onClick_body_next = onClick_body_next;
NeomojiMixer.onClick_body_prev = onClick_body_prev;
NeomojiMixer.onClick_eyes_next = onClick_eyes_next;
NeomojiMixer.onClick_eyes_prev = onClick_eyes_prev;
NeomojiMixer.onClick_mouth_next = onClick_mouth_next;
NeomojiMixer.onClick_mouth_prev = onClick_mouth_prev;
NeomojiMixer.onClick_arms_next = onClick_arms_next;
NeomojiMixer.onClick_arms_prev = onClick_arms_prev;
return NeomojiMixer;
})(window.NeomojiMixer || {});
//Main Programm
document.getElementById("noJSmessage").hidden = true;
getData();
NeomojiMixer.getData();