)<[^<]*)*<\/script>/gi,cs=/([?&])_=[^&]*/,ct=/^([\w\+\.\-]+:)(?:\/\/([^\/?#:]*)(?::(\d+)|)|)/,cu=p.fn.load,cv={},cw={},cx=["*/"]+["*"];try{ck=f.href}catch(cy){ck=e.createElement("a"),ck.href="",ck=ck.href}cj=ct.exec(ck.toLowerCase())||[],p.fn.load=function(a,c,d){if(typeof a!="string"&&cu)return cu.apply(this,arguments);if(!this.length)return this;var e,f,g,h=this,i=a.indexOf(" ");return i>=0&&(e=a.slice(i,a.length),a=a.slice(0,i)),p.isFunction(c)?(d=c,c=b):c&&typeof c=="object"&&(f="POST"),p.ajax({url:a,type:f,dataType:"html",data:c,complete:function(a,b){d&&h.each(d,g||[a.responseText,b,a])}}).done(function(a){g=arguments,h.html(e?p("").append(a.replace(cr,"")).find(e):a)}),this},p.each("ajaxStart ajaxStop ajaxComplete ajaxError ajaxSuccess ajaxSend".split(" "),function(a,b){p.fn[b]=function(a){return this.on(b,a)}}),p.each(["get","post"],function(a,c){p[c]=function(a,d,e,f){return p.isFunction(d)&&(f=f||e,e=d,d=b),p.ajax({type:c,url:a,data:d,success:e,dataType:f})}}),p.extend({getScript:function(a,c){return p.get(a,b,c,"script")},getJSON:function(a,b,c){return p.get(a,b,c,"json")},ajaxSetup:function(a,b){return b?cB(a,p.ajaxSettings):(b=a,a=p.ajaxSettings),cB(a,b),a},ajaxSettings:{url:ck,isLocal:cn.test(cj[1]),global:!0,type:"GET",contentType:"application/x-www-form-urlencoded; charset=UTF-8",processData:!0,async:!0,accepts:{xml:"application/xml, text/xml",html:"text/html",text:"text/plain",json:"application/json, text/javascript","*":cx},contents:{xml:/xml/,html:/html/,json:/json/},responseFields:{xml:"responseXML",text:"responseText"},converters:{"* text":a.String,"text html":!0,"text json":p.parseJSON,"text xml":p.parseXML},flatOptions:{context:!0,url:!0}},ajaxPrefilter:cz(cv),ajaxTransport:cz(cw),ajax:function(a,c){function y(a,c,f,i){var k,s,t,u,w,y=c;if(v===2)return;v=2,h&&clearTimeout(h),g=b,e=i||"",x.readyState=a>0?4:0,f&&(u=cC(l,x,f));if(a>=200&&a<300||a===304)l.ifModified&&(w=x.getResponseHeader("Last-Modified"),w&&(p.lastModified[d]=w),w=x.getResponseHeader("Etag"),w&&(p.etag[d]=w)),a===304?(y="notmodified",k=!0):(k=cD(l,u),y=k.state,s=k.data,t=k.error,k=!t);else{t=y;if(!y||a)y="error",a<0&&(a=0)}x.status=a,x.statusText=(c||y)+"",k?o.resolveWith(m,[s,y,x]):o.rejectWith(m,[x,y,t]),x.statusCode(r),r=b,j&&n.trigger("ajax"+(k?"Success":"Error"),[x,l,k?s:t]),q.fireWith(m,[x,y]),j&&(n.trigger("ajaxComplete",[x,l]),--p.active||p.event.trigger("ajaxStop"))}typeof a=="object"&&(c=a,a=b),c=c||{};var d,e,f,g,h,i,j,k,l=p.ajaxSetup({},c),m=l.context||l,n=m!==l&&(m.nodeType||m instanceof p)?p(m):p.event,o=p.Deferred(),q=p.Callbacks("once memory"),r=l.statusCode||{},t={},u={},v=0,w="canceled",x={readyState:0,setRequestHeader:function(a,b){if(!v){var c=a.toLowerCase();a=u[c]=u[c]||a,t[a]=b}return this},getAllResponseHeaders:function(){return v===2?e:null},getResponseHeader:function(a){var c;if(v===2){if(!f){f={};while(c=cm.exec(e))f[c[1].toLowerCase()]=c[2]}c=f[a.toLowerCase()]}return c===b?null:c},overrideMimeType:function(a){return v||(l.mimeType=a),this},abort:function(a){return a=a||w,g&&g.abort(a),y(0,a),this}};o.promise(x),x.success=x.done,x.error=x.fail,x.complete=q.add,x.statusCode=function(a){if(a){var b;if(v<2)for(b in a)r[b]=[r[b],a[b]];else b=a[x.status],x.always(b)}return this},l.url=((a||l.url)+"").replace(cl,"").replace(cp,cj[1]+"//"),l.dataTypes=p.trim(l.dataType||"*").toLowerCase().split(s),l.crossDomain==null&&(i=ct.exec(l.url.toLowerCase())||!1,l.crossDomain=i&&i.join(":")+(i[3]?"":i[1]==="http:"?80:443)!==cj.join(":")+(cj[3]?"":cj[1]==="http:"?80:443)),l.data&&l.processData&&typeof l.data!="string"&&(l.data=p.param(l.data,l.traditional)),cA(cv,l,c,x);if(v===2)return x;j=l.global,l.type=l.type.toUpperCase(),l.hasContent=!co.test(l.type),j&&p.active++===0&&p.event.trigger("ajaxStart");if(!l.hasContent){l.data&&(l.url+=(cq.test(l.url)?"&":"?")+l.data,delete l.data),d=l.url;if(l.cache===!1){var z=p.now(),A=l.url.replace(cs,"$1_="+z);l.url=A+(A===l.url?(cq.test(l.url)?"&":"?")+"_="+z:"")}}(l.data&&l.hasContent&&l.contentType!==!1||c.contentType)&&x.setRequestHeader("Content-Type",l.contentType),l.ifModified&&(d=d||l.url,p.lastModified[d]&&x.setRequestHeader("If-Modified-Since",p.lastModified[d]),p.etag[d]&&x.setRequestHeader("If-None-Match",p.etag[d])),x.setRequestHeader("Accept",l.dataTypes[0]&&l.accepts[l.dataTypes[0]]?l.accepts[l.dataTypes[0]]+(l.dataTypes[0]!=="*"?", "+cx+"; q=0.01":""):l.accepts["*"]);for(k in l.headers)x.setRequestHeader(k,l.headers[k]);if(!l.beforeSend||l.beforeSend.call(m,x,l)!==!1&&v!==2){w="abort";for(k in{success:1,error:1,complete:1})x[k](l[k]);g=cA(cw,l,c,x);if(!g)y(-1,"No Transport");else{x.readyState=1,j&&n.trigger("ajaxSend",[x,l]),l.async&&l.timeout>0&&(h=setTimeout(function(){x.abort("timeout")},l.timeout));try{v=1,g.send(t,y)}catch(B){if(v<2)y(-1,B);else throw B}}return x}return x.abort()},active:0,lastModified:{},etag:{}});var cE=[],cF=/\?/,cG=/(=)\?(?=&|$)|\?\?/,cH=p.now();p.ajaxSetup({jsonp:"callback",jsonpCallback:function(){var a=cE.pop()||p.expando+"_"+cH++;return this[a]=!0,a}}),p.ajaxPrefilter("json jsonp",function(c,d,e){var f,g,h,i=c.data,j=c.url,k=c.jsonp!==!1,l=k&&cG.test(j),m=k&&!l&&typeof i=="string"&&!(c.contentType||"").indexOf("application/x-www-form-urlencoded")&&cG.test(i);if(c.dataTypes[0]==="jsonp"||l||m)return f=c.jsonpCallback=p.isFunction(c.jsonpCallback)?c.jsonpCallback():c.jsonpCallback,g=a[f],l?c.url=j.replace(cG,"$1"+f):m?c.data=i.replace(cG,"$1"+f):k&&(c.url+=(cF.test(j)?"&":"?")+c.jsonp+"="+f),c.converters["script json"]=function(){return h||p.error(f+" was not called"),h[0]},c.dataTypes[0]="json",a[f]=function(){h=arguments},e.always(function(){a[f]=g,c[f]&&(c.jsonpCallback=d.jsonpCallback,cE.push(f)),h&&p.isFunction(g)&&g(h[0]),h=g=b}),"script"}),p.ajaxSetup({accepts:{script:"text/javascript, application/javascript, application/ecmascript, application/x-ecmascript"},contents:{script:/javascript|ecmascript/},converters:{"text script":function(a){return p.globalEval(a),a}}}),p.ajaxPrefilter("script",function(a){a.cache===b&&(a.cache=!1),a.crossDomain&&(a.type="GET",a.global=!1)}),p.ajaxTransport("script",function(a){if(a.crossDomain){var c,d=e.head||e.getElementsByTagName("head")[0]||e.documentElement;return{send:function(f,g){c=e.createElement("script"),c.async="async",a.scriptCharset&&(c.charset=a.scriptCharset),c.src=a.url,c.onload=c.onreadystatechange=function(a,e){if(e||!c.readyState||/loaded|complete/.test(c.readyState))c.onload=c.onreadystatechange=null,d&&c.parentNode&&d.removeChild(c),c=b,e||g(200,"success")},d.insertBefore(c,d.firstChild)},abort:function(){c&&c.onload(0,1)}}}});var cI,cJ=a.ActiveXObject?function(){for(var a in cI)cI[a](0,1)}:!1,cK=0;p.ajaxSettings.xhr=a.ActiveXObject?function(){return!this.isLocal&&cL()||cM()}:cL,function(a){p.extend(p.support,{ajax:!!a,cors:!!a&&"withCredentials"in a})}(p.ajaxSettings.xhr()),p.support.ajax&&p.ajaxTransport(function(c){if(!c.crossDomain||p.support.cors){var d;return{send:function(e,f){var g,h,i=c.xhr();c.username?i.open(c.type,c.url,c.async,c.username,c.password):i.open(c.type,c.url,c.async);if(c.xhrFields)for(h in c.xhrFields)i[h]=c.xhrFields[h];c.mimeType&&i.overrideMimeType&&i.overrideMimeType(c.mimeType),!c.crossDomain&&!e["X-Requested-With"]&&(e["X-Requested-With"]="XMLHttpRequest");try{for(h in e)i.setRequestHeader(h,e[h])}catch(j){}i.send(c.hasContent&&c.data||null),d=function(a,e){var h,j,k,l,m;try{if(d&&(e||i.readyState===4)){d=b,g&&(i.onreadystatechange=p.noop,cJ&&delete cI[g]);if(e)i.readyState!==4&&i.abort();else{h=i.status,k=i.getAllResponseHeaders(),l={},m=i.responseXML,m&&m.documentElement&&(l.xml=m);try{l.text=i.responseText}catch(a){}try{j=i.statusText}catch(n){j=""}!h&&c.isLocal&&!c.crossDomain?h=l.text?200:404:h===1223&&(h=204)}}}catch(o){e||f(-1,o)}l&&f(h,j,l,k)},c.async?i.readyState===4?setTimeout(d,0):(g=++cK,cJ&&(cI||(cI={},p(a).unload(cJ)),cI[g]=d),i.onreadystatechange=d):d()},abort:function(){d&&d(0,1)}}}});var cN,cO,cP=/^(?:toggle|show|hide)$/,cQ=new RegExp("^(?:([-+])=|)("+q+")([a-z%]*)$","i"),cR=/queueHooks$/,cS=[cY],cT={"*":[function(a,b){var c,d,e=this.createTween(a,b),f=cQ.exec(b),g=e.cur(),h=+g||0,i=1,j=20;if(f){c=+f[2],d=f[3]||(p.cssNumber[a]?"":"px");if(d!=="px"&&h){h=p.css(e.elem,a,!0)||c||1;do i=i||".5",h=h/i,p.style(e.elem,a,h+d);while(i!==(i=e.cur()/g)&&i!==1&&--j)}e.unit=d,e.start=h,e.end=f[1]?h+(f[1]+1)*c:c}return e}]};p.Animation=p.extend(cW,{tweener:function(a,b){p.isFunction(a)?(b=a,a=["*"]):a=a.split(" ");var c,d=0,e=a.length;for(;d-1,j={},k={},l,m;i?(k=e.position(),l=k.top,m=k.left):(l=parseFloat(g)||0,m=parseFloat(h)||0),p.isFunction(b)&&(b=b.call(a,c,f)),b.top!=null&&(j.top=b.top-f.top+l),b.left!=null&&(j.left=b.left-f.left+m),"using"in b?b.using.call(a,j):e.css(j)}},p.fn.extend({position:function(){if(!this[0])return;var a=this[0],b=this.offsetParent(),c=this.offset(),d=c_.test(b[0].nodeName)?{top:0,left:0}:b.offset();return c.top-=parseFloat(p.css(a,"marginTop"))||0,c.left-=parseFloat(p.css(a,"marginLeft"))||0,d.top+=parseFloat(p.css(b[0],"borderTopWidth"))||0,d.left+=parseFloat(p.css(b[0],"borderLeftWidth"))||0,{top:c.top-d.top,left:c.left-d.left}},offsetParent:function(){return this.map(function(){var a=this.offsetParent||e.body;while(a&&!c_.test(a.nodeName)&&p.css(a,"position")==="static")a=a.offsetParent;return a||e.body})}}),p.each({scrollLeft:"pageXOffset",scrollTop:"pageYOffset"},function(a,c){var d=/Y/.test(c);p.fn[a]=function(e){return p.access(this,function(a,e,f){var g=da(a);if(f===b)return g?c in g?g[c]:g.document.documentElement[e]:a[e];g?g.scrollTo(d?p(g).scrollLeft():f,d?f:p(g).scrollTop()):a[e]=f},a,e,arguments.length,null)}}),p.each({Height:"height",Width:"width"},function(a,c){p.each({padding:"inner"+a,content:c,"":"outer"+a},function(d,e){p.fn[e]=function(e,f){var g=arguments.length&&(d||typeof e!="boolean"),h=d||(e===!0||f===!0?"margin":"border");return p.access(this,function(c,d,e){var f;return p.isWindow(c)?c.document.documentElement["client"+a]:c.nodeType===9?(f=c.documentElement,Math.max(c.body["scroll"+a],f["scroll"+a],c.body["offset"+a],f["offset"+a],f["client"+a])):e===b?p.css(c,d,e,h):p.style(c,d,e,h)},c,g?e:b,g,null)}})}),a.jQuery=a.$=p,typeof define=="function"&&define.amd&&define.amd.jQuery&&define("jquery",[],function(){return p})})(window);
\ No newline at end of file
diff --git a/main.mjs b/main.mjs
new file mode 100644
index 0000000..6f4e3c1
--- /dev/null
+++ b/main.mjs
@@ -0,0 +1,6 @@
+import { CharacterGenerator } from './webchargen.mjs';
+
+document.addEventListener('DOMContentLoaded', () => {
+ const generatorApp = new CharacterGenerator();
+ generatorApp.init();
+});
diff --git a/painter.js b/painter.js
deleted file mode 100644
index 24a94a5..0000000
--- a/painter.js
+++ /dev/null
@@ -1,325 +0,0 @@
-function Painter( canvas )
-{
- this.SPRITE_SIZE = 43;
- this.PREVIEW_MULTI = 3;
-
- this.CANVAS = canvas;
-
- if ( window.G_vmlCanvasManager )
- window.G_vmlCanvasManager.initElement( canvas );
-
- if ( canvas.getContext )
- this.CONTEXT = canvas.getContext( "2d" );
-
- this.backArmCanvas = document.getElementById( "tempCanvas1" );
- this.backSleeveCanvas = document.getElementById( "tempCanvas2" );
- this.hairCanvas = document.getElementById( "tempCanvas3" );
- this.bodyCanvas = document.getElementById( "tempCanvas4" );
- this.pantsCanvas = document.getElementById( "tempCanvas5" );
- this.shirtCanvas = document.getElementById( "tempCanvas6" );
- this.helmetCanvas = document.getElementById( "tempCanvas7" );
- this.altCanvas = document.getElementById( "tempCanvas8" );
- this.headCanvas = document.getElementById( "tempCanvas9" );
- this.frontArmCanvas = document.getElementById( "tempCanvas10" );
- this.frontSleeveCanvas = document.getElementById( "tempCanvas11" );
-}
-
-
-Painter.prototype.repaint = function( config, currentSettings, imageInfo )
-{
- console.log( "Painting sprite with " + Object.size( config ) + ", " + currentSettings.toString() );
-
- // Clean up old gunk
- this.CONTEXT.clearRect( 0, 0, this.SPRITE_SIZE * this.PREVIEW_MULTI, this.SPRITE_SIZE * this.PREVIEW_MULTI );
-
- // For typing convenience!
- var speciesVars = config.species[currentSettings.species].variables;
- var armorVars = config.species[currentSettings.species].armors;
-
- // Determine the three sheets we need - body parts, shirt and pants
- var bodySheet = imageInfo[currentSettings.species + "-body-" + currentSettings.gender];
- var accessorySheet = imageInfo[currentSettings.species + "-body-accessory"];
- var frontArmSheet = imageInfo[currentSettings.species + "-body-frontArm"];
- var backArmSheet = imageInfo[currentSettings.species + "-body-backArm"];
-
- var shirtArmorSheet, pantsArmorSheet, frontSleeveSheet, backSleeveSheet, helmetArmorSheet, helmetMaskSheet;
- var shirtArmorName = config.species[currentSettings.species].armors.names[currentSettings.shirtOption];
- var pantsArmorName = config.species[currentSettings.species].armors.names[currentSettings.pantsOption];
-
- if ( shirtArmorName == "extra" )
- {
- shirtArmorSheet = imageInfo["extra-" + currentSettings.gender + "Chest"];
- frontSleeveSheet= imageInfo["extra-frontSleeve"];
- backSleeveSheet = imageInfo["extra-backSleeve"];
- }
- else
- {
- shirtArmorSheet = imageInfo[currentSettings.species + "-armor-" + shirtArmorName + "-" + currentSettings.gender + "Chest"];
- frontSleeveSheet= imageInfo[currentSettings.species + "-armor-" + shirtArmorName + "-frontSleeve"];
- backSleeveSheet = imageInfo[currentSettings.species + "-armor-" + shirtArmorName + "-backSleeve"];
- }
-
- if ( pantsArmorName == "extra" )
- pantsArmorSheet = imageInfo["extra-" + currentSettings.gender + "Pants"];
- else
- pantsArmorSheet = imageInfo[currentSettings.species + "-armor-" + pantsArmorName + "-" + currentSettings.gender + "Pants"];
-
- if ( config.extraArmorColor != null && currentSettings.helmetOption != currentSettings.helmetOptionMax )
- {
- helmetArmorSheet = imageInfo["extra-helmet"];
- helmetMaskSheet = imageInfo["extra-mask"];
- }
- //console.log( "Selecting sheets " + bodySheet.src + ", " + shirtArmorSheet.src + ", " + pantsArmorSheet.src );
-
- // Which palette swaps should be used varies with species, set them up here
- var bodyPalettes, hairPalette, shirtPalette, pantsPalette, helmetPalette;
-
- bodyPalettes = new Array( speciesVars.colors.skinColor[currentSettings.skinColor] );
- if ( speciesVars.altOptionAsUndyColor )
- bodyPalettes = bodyPalettes.concat( speciesVars.colors.undyColor[currentSettings.altOption] );
- if ( speciesVars.hairColorAsBodySubColor )
- bodyPalettes = bodyPalettes.concat( speciesVars.colors.hairColor[currentSettings.headOption] );
-
- hairPalette = new Array();
- if ( speciesVars.headOptionAsHairColor )
- hairPalette = hairPalette.concat( speciesVars.colors.hairColor[currentSettings.headOption] );
- else
- hairPalette = hairPalette.concat( bodyPalettes );
-
- if ( speciesVars.altOptionAshairColor )
- hairPalette = hairPalette.concat( speciesVars.colors.undyColor[currentSettings.altOption] );
-
- // Select the armor palettes to use, only one per
- if ( armorVars.names[currentSettings.shirtOption] == "extra" )
- shirtPalette = new Array( config.extraArmorColor[currentSettings.shirtColor] );
- else if ( armorVars.names[currentSettings.shirtOption] != null )
- shirtPalette = new Array( armorVars.armorColors[currentSettings.shirtColor] );
-
- if ( armorVars.names[currentSettings.pantsOption] == "extra" )
- pantsPalette = new Array( config.extraArmorColor[currentSettings.pantsColor] );
- else if ( armorVars.names[currentSettings.pantsOption] != null )
- pantsPalette = new Array( armorVars.armorColors[currentSettings.pantsColor] );
-
- if ( helmetArmorSheet != null && currentSettings.helmetOption != currentSettings.helmetOptionMax )
- helmetPalette = new Array( config.extraArmorColor[currentSettings.helmetOption] );
-
- // Offset certain sprites by gender - ie pants and shirt
- var genderOffset = currentSettings.gender == "male" ? 0 : 1;
- var hairOffset = speciesVars.genders[currentSettings.gender].hair.offsetY;
- var headOffset = speciesVars.genders[currentSettings.gender].facialHair.offsetY;
- var altOffset = speciesVars.genders[currentSettings.gender].facialMask.offsetY;
-
- // Pose config
- var poseConfig = config.poses[currentSettings.poseOption];
-
- // Paint erryting!
- // Back Arm
- this.paintToCanvas( backArmSheet, poseConfig.sleeveIndex[0], poseConfig.sleeveIndex[1], poseConfig.sleeveOffset[0], poseConfig.sleeveOffset[1], bodyPalettes, this.backArmCanvas );
-
- // Back Sleeve Armor
- if ( backSleeveSheet != null )
- this.paintToCanvas( backSleeveSheet, poseConfig.sleeveIndex[0], poseConfig.sleeveIndex[1], poseConfig.sleeveOffset[0], poseConfig.sleeveOffset[1], shirtPalette, this.backSleeveCanvas );
- else
- this.backSleeveCanvas.getContext( "2d" ).clearRect( 0, 0, this.SPRITE_SIZE, this.SPRITE_SIZE );
-
- // Body
- this.paintToCanvas( bodySheet, poseConfig.bodyIndex[0], poseConfig.bodyIndex[1], 0, 0, bodyPalettes, this.bodyCanvas );
-
- // Pants Armor
- if ( pantsArmorSheet != null )
- this.paintToCanvas( pantsArmorSheet, poseConfig.bodyIndex[0], poseConfig.bodyIndex[1], 0, 0, pantsPalette, this.pantsCanvas );
- else
- this.pantsCanvas.getContext( "2d" ).clearRect( 0, 0, this.SPRITE_SIZE, this.SPRITE_SIZE );
-
- // Shirt Armor
- if ( shirtArmorSheet != null )
- this.paintToCanvas( shirtArmorSheet, poseConfig.chestIndex[0], poseConfig.chestIndex[1], poseConfig.chestOffset[0], poseConfig.chestOffset[1], shirtPalette, this.shirtCanvas );
- else
- this.shirtCanvas.getContext( "2d" ).clearRect( 0, 0, this.SPRITE_SIZE, this.SPRITE_SIZE );
-
- // Hair
- if ( helmetArmorSheet == null || currentSettings.helmetOption == currentSettings.helmetOptionMax - 1 )
- this.paintToCanvas( accessorySheet, currentSettings.hairOption, hairOffset, poseConfig.hairOffset[0], poseConfig.hairOffset[1], hairPalette, this.hairCanvas );
- else
- //this.hairCanvas.getContext( "2d" ).clearRect( 0, 0, this.SPRITE_SIZE, this.SPRITE_SIZE );
- this.paintWithMask( accessorySheet, currentSettings.hairOption, hairOffset, poseConfig.hairOffset[0], poseConfig.hairOffset[1], hairPalette, this.hairCanvas, helmetMaskSheet );
-
- // Head
- if ( speciesVars.headOptionAsFacialHair )
- this.paintToCanvas( accessorySheet, currentSettings.headOption, headOffset, poseConfig.hairOffset[0], poseConfig.hairOffset[1], bodyPalettes, this.headCanvas );
- else
- this.headCanvas.getContext( "2d" ).clearRect( 0, 0, this.SPRITE_SIZE, this.SPRITE_SIZE );
-
- // Alt
- if ( speciesVars.altOptionAsFacialMask )
- this.paintToCanvas( accessorySheet, currentSettings.altOption, altOffset, poseConfig.hairOffset[0], poseConfig.hairOffset[1], bodyPalettes, this.altCanvas );
- else
- this.altCanvas.getContext( "2d" ).clearRect( 0, 0, this.SPRITE_SIZE, this.SPRITE_SIZE );
-
- // Helmet
- if ( helmetArmorSheet != null && currentSettings.helmetOption < currentSettings.helmetOptionMax - 1 )
- this.paintToCanvas( helmetArmorSheet, 1, 0, poseConfig.hairOffset[0], poseConfig.hairOffset[1], helmetPalette, this.helmetCanvas );
-
-
- // Front Arm
- this.paintToCanvas( frontArmSheet, poseConfig.sleeveIndex[0], poseConfig.sleeveIndex[1], poseConfig.sleeveOffset[0], poseConfig.sleeveOffset[1], bodyPalettes, this.frontArmCanvas );
-
- // Front Sleeve Armor
- if ( frontSleeveSheet != null )
- this.paintToCanvas( frontSleeveSheet, poseConfig.sleeveIndex[0], poseConfig.sleeveIndex[1], poseConfig.sleeveOffset[0], poseConfig.sleeveOffset[1], shirtPalette, this.frontSleeveCanvas );
- else
- this.frontSleeveCanvas.getContext( "2d" ).clearRect( 0, 0, this.SPRITE_SIZE, this.SPRITE_SIZE );
-};
-
-
-Painter.prototype.paintToCanvas = function( sheet, offsetX, offsetY, nudgeX, nudgeY, paletteSwaps, tempCanvas )
-{
- //console.log( "Painting sprite at " + offsetX * this.SPRITE_SIZE + "," + offsetY * this.SPRITE_SIZE + " with " + paletteSwaps.length + " swaps, of sheet " + sheet.src );
- var tempCtx = tempCanvas.getContext( "2d" );
-
- // Make sure to wrap too large offsetXs
- while ( offsetX > 21 )
- {
- offsetX -= 22;
- offsetY++;
- }
-
- // Clear out the temp canvas and splot our basic sheet onto it
- tempCtx.clearRect( 0, 0, this.SPRITE_SIZE, this.SPRITE_SIZE );
- tempCtx.drawImage( sheet, -offsetX * this.SPRITE_SIZE, -offsetY * this.SPRITE_SIZE );
-
- var imageData = tempCtx.getImageData( 0, 0, this.SPRITE_SIZE, this.SPRITE_SIZE ).data;
-
- // Go through each pixel in data
- var px = this.SPRITE_SIZE * this.SPRITE_SIZE;
- var posX = this.SPRITE_SIZE -1, posY = this.SPRITE_SIZE - 1;
-
- while ( px-- )
- {
- //console.log( "Painting pixel " + px + " (" + posX + "," + posY + ")" );
- if ( imageData[4*px+3] != 0 )
- {
- var colorHex = this.rgbToHex( imageData[4*px], imageData[4*px+1], imageData[4*px+2] );
-
- //for ( var swap = 0; swap < paletteSwaps.length; swap++ )
- for ( swap in paletteSwaps )
- {
- //console.log( paletteSwaps[swap] );
- for ( color in paletteSwaps[swap] )
- {
- if ( color == colorHex )
- {
- //for ( var swap2 = 0; swap2 < paletteSwaps[swap].length; swap2++ )
- //console.log( " Translating " + colorHex + " to " + paletteSwaps[swap][color] );
- colorHex = paletteSwaps[swap][color];
- }
- }
- }
-
- this.CONTEXT.fillStyle = "#" + colorHex;
- this.CONTEXT.strokeStyle = "#" + colorHex;
- tempCtx.fillStyle = "#" + colorHex;
- tempCtx.strokeStyle = "#" + colorHex;
-
- //tempCtx.clearRect( posX, posY, 1, 1 );
- //tempCtx.fillRect( posX + nudgeX, posY + nudgeY, 1, 1 );
-
- this.CONTEXT.fillRect( ( posX + nudgeX ) * this.PREVIEW_MULTI, ( posY + nudgeY ) * this.PREVIEW_MULTI, this.PREVIEW_MULTI, this.PREVIEW_MULTI );
- }
-
- posX--;
- if ( posX < 0 )
- {
- posX = this.SPRITE_SIZE - 1;
- posY--;
- }
- }
-};
-
-Painter.prototype.paintWithMask = function( sheet, offsetX, offsetY, nudgeX, nudgeY, paletteSwaps, tempCanvas, mask )
-{
- console.log( "Painting sprite with mask at " + offsetX * this.SPRITE_SIZE + "," + offsetY * this.SPRITE_SIZE + " with " + paletteSwaps.length + " swaps, of sheet " + sheet.src );
- var tempCtx = tempCanvas.getContext( "2d" );
-
- // Make sure to wrap too large offsetXs
- while ( offsetX > 21 )
- {
- offsetX -= 22;
- offsetY++;
- }
-
- // Clear out the temp canvas and splot our basic sheet onto it
- tempCtx.clearRect( 0, 0, this.SPRITE_SIZE, this.SPRITE_SIZE );
- tempCtx.drawImage( mask, 0, 0 );
-
- var maskData = tempCtx.getImageData( 0, 0, this.SPRITE_SIZE, this.SPRITE_SIZE ).data;
-
- // Clear out the temp canvas and splot our basic sheet onto it
- tempCtx.clearRect( 0, 0, this.SPRITE_SIZE, this.SPRITE_SIZE );
- tempCtx.drawImage( sheet, -offsetX * this.SPRITE_SIZE, -offsetY * this.SPRITE_SIZE );
-
- var imageData = tempCtx.getImageData( 0, 0, this.SPRITE_SIZE, this.SPRITE_SIZE ).data;
-
- // Go through each pixel in data
- var px = this.SPRITE_SIZE * this.SPRITE_SIZE;
- var posX = this.SPRITE_SIZE -1, posY = this.SPRITE_SIZE - 1;
-
- while ( px-- )
- {
- //console.log( "Painting pixel " + px + " (" + posX + "," + posY + ")" );
- if ( imageData[4*px+3] != 0 && maskData[4*px] == 255 )
- {
- var colorHex = this.rgbToHex( imageData[4*px], imageData[4*px+1], imageData[4*px+2] );
-
- //for ( var swap = 0; swap < paletteSwaps.length; swap++ )
- for ( swap in paletteSwaps )
- {
- //console.log( paletteSwaps[swap] );
- for ( color in paletteSwaps[swap] )
- {
- if ( color == colorHex )
- {
- //for ( var swap2 = 0; swap2 < paletteSwaps[swap].length; swap2++ )
- //console.log( " Translating " + colorHex + " to " + paletteSwaps[swap][color] );
- colorHex = paletteSwaps[swap][color];
- }
- }
- }
-
- this.CONTEXT.fillStyle = "#" + colorHex;
- this.CONTEXT.strokeStyle = "#" + colorHex;
- tempCtx.fillStyle = "#" + colorHex;
- tempCtx.strokeStyle = "#" + colorHex;
-
- //tempCtx.clearRect( posX, posY, 1, 1 );
- //tempCtx.fillRect( posX + nudgeX, posY + nudgeY, 1, 1 );
-
- this.CONTEXT.fillRect( ( posX + nudgeX ) * this.PREVIEW_MULTI, ( posY + nudgeY ) * this.PREVIEW_MULTI, this.PREVIEW_MULTI, this.PREVIEW_MULTI );
- }
-
- posX--;
- if ( posX < 0 )
- {
- posX = this.SPRITE_SIZE - 1;
- posY--;
- }
- }
-};
-
-Painter.prototype.rgbToHex = function( r, g, b )
-{
- var rs = r.toString(16);
- if ( rs.length == 1 )
- rs = "0" + rs;
-
- var gs = g.toString(16);
- if ( gs.length == 1 )
- gs = "0" + gs;
-
- var bs = b.toString(16);
- if ( bs.length == 1 )
- bs = "0" + bs;
-
-
- return rs + gs + bs;
-};
\ No newline at end of file
diff --git a/painter.mjs b/painter.mjs
new file mode 100644
index 0000000..cffc186
--- /dev/null
+++ b/painter.mjs
@@ -0,0 +1,393 @@
+import { Settings } from './settings.mjs';
+
+export class Painter {
+ constructor(canvas) {
+ this.SPRITE_SIZE = 43;
+ this.PREVIEW_MULTI = 3;
+ this.CANVAS = canvas;
+
+ if (window.G_vmlCanvasManager) window.G_vmlCanvasManager.initElement(canvas);
+
+ if (canvas.getContext) this.CONTEXT = canvas.getContext('2d');
+
+ this.tempCanvas = document.createElement('canvas');
+ this.tempCanvas.width = this.SPRITE_SIZE;
+ this.tempCanvas.height = this.SPRITE_SIZE;
+ this.tempCanvas.style.display = 'none';
+ }
+
+ /**
+ * Repaints the canvas with the given configuration, settings, and image information.
+ * @param {Object} config - The configuration object.
+ * @param {Settings} currentSettings - The current settings object.
+ * @param {Object} imageInfo - The image information object.
+ */
+ repaint(config, currentSettings, imageInfo) {
+ console.log(`Painting sprite with ${Object.keys(config).length}, ${currentSettings.toString()}`);
+
+ // Clean up old gunk
+ this.CONTEXT.clearRect(0, 0, this.SPRITE_SIZE * this.PREVIEW_MULTI, this.SPRITE_SIZE * this.PREVIEW_MULTI);
+
+ // For typing convenience!
+ const speciesVars = config.species[currentSettings.species].variables;
+ const armorVars = config.species[currentSettings.species].armors;
+
+ // Determine the four sheets we need - head, body parts, shirt and pants
+ const headSheet = imageInfo[`${currentSettings.species}-head-${currentSettings.gender}`];
+ const bodySheet = imageInfo[`${currentSettings.species}-body-${currentSettings.gender}`];
+ const accessorySheet = imageInfo[`${currentSettings.species}-body-accessory`];
+ const frontArmSheet = imageInfo[`${currentSettings.species}-body-frontArm`];
+ const backArmSheet = imageInfo[`${currentSettings.species}-body-backArm`];
+
+ let shirtArmorSheet, pantsArmorSheet, frontSleeveSheet, backSleeveSheet, helmetArmorSheet, helmetMaskSheet;
+ const shirtArmorName = config.species[currentSettings.species].armors.names[currentSettings.shirtOption];
+ const pantsArmorName = config.species[currentSettings.species].armors.names[currentSettings.pantsOption];
+
+ if (shirtArmorName === 'extra') {
+ shirtArmorSheet = imageInfo[`extra-${currentSettings.gender}Chest`];
+ frontSleeveSheet = imageInfo['extra-frontSleeve'];
+ backSleeveSheet = imageInfo['extra-backSleeve'];
+ } else {
+ shirtArmorSheet = imageInfo[`${currentSettings.species}-armor-${shirtArmorName}-${currentSettings.gender}Chest`];
+ frontSleeveSheet = imageInfo[`${currentSettings.species}-armor-${shirtArmorName}-frontSleeve`];
+ backSleeveSheet = imageInfo[`${currentSettings.species}-armor-${shirtArmorName}-backSleeve`];
+ }
+
+ if (pantsArmorName === 'extra') pantsArmorSheet = imageInfo[`extra-${currentSettings.gender}Pants`];
+ else pantsArmorSheet = imageInfo[`${currentSettings.species}-armor-${pantsArmorName}-${currentSettings.gender}Pants`];
+
+ if (config.extraArmorColor != null && currentSettings.helmetOption !== currentSettings.helmetOptionMax) {
+ helmetArmorSheet = imageInfo['extra-helmet'];
+ helmetMaskSheet = imageInfo['extra-mask'];
+ }
+
+ // Which palette swaps should be used varies with species, set them up here
+ let bodyPalettes = [speciesVars.colors.skinColor[currentSettings.skinColor]];
+ if (speciesVars.altOptionAsUndyColor)
+ bodyPalettes = bodyPalettes.concat(speciesVars.colors.undyColor[currentSettings.altOption]);
+ if (speciesVars.hairColorAsBodySubColor)
+ bodyPalettes = bodyPalettes.concat(speciesVars.colors.hairColor[currentSettings.headOption]);
+
+ let hairPalette = [];
+ if (speciesVars.headOptionAsHairColor)
+ hairPalette = hairPalette.concat(speciesVars.colors.hairColor[currentSettings.headOption]);
+ else hairPalette = hairPalette.concat(bodyPalettes);
+
+ if (speciesVars.altOptionAshairColor)
+ hairPalette = hairPalette.concat(speciesVars.colors.undyColor[currentSettings.altOption]);
+
+ // Select the armor palettes to use, only one per
+ let shirtPalette = [];
+ if (armorVars.names[currentSettings.shirtOption] === 'extra')
+ shirtPalette = [config.extraArmorColor[currentSettings.shirtColor]];
+ else if (armorVars.names[currentSettings.shirtOption] != null)
+ shirtPalette = [armorVars.armorColors[currentSettings.shirtColor]];
+
+ let pantsPalette = [];
+ if (armorVars.names[currentSettings.pantsOption] === 'extra')
+ pantsPalette = [config.extraArmorColor[currentSettings.pantsColor]];
+ else if (armorVars.names[currentSettings.pantsOption] != null)
+ pantsPalette = [armorVars.armorColors[currentSettings.pantsColor]];
+
+ let helmetPalette = [];
+ if (helmetArmorSheet != null && currentSettings.helmetOption !== currentSettings.helmetOptionMax)
+ helmetPalette = [config.extraArmorColor[currentSettings.helmetOption]];
+
+ // Offset certain sprites by gender - ie pants and shirt
+ const genderOffset = currentSettings.gender === 'male' ? 0 : 1;
+ const hairOffset = speciesVars.genders[currentSettings.gender].hair.offsetY;
+ const headOffset = speciesVars.genders[currentSettings.gender].facialHair.offsetY;
+ const altOffset = speciesVars.genders[currentSettings.gender].facialMask.offsetY;
+
+ // Pose config
+ const poseConfig = config.poses[currentSettings.poseOption];
+
+ // Paint erryting!
+ // Back Arm
+ this.paintToCanvas(
+ backArmSheet,
+ poseConfig.sleeveIndex[0],
+ poseConfig.sleeveIndex[1],
+ poseConfig.sleeveOffset[0],
+ poseConfig.sleeveOffset[1],
+ bodyPalettes
+ );
+
+ // Back Sleeve Armor
+ if (backSleeveSheet != null)
+ this.paintToCanvas(
+ backSleeveSheet,
+ poseConfig.sleeveIndex[0],
+ poseConfig.sleeveIndex[1],
+ poseConfig.sleeveOffset[0],
+ poseConfig.sleeveOffset[1],
+ shirtPalette
+ );
+
+ // Body
+ this.paintToCanvas(
+ bodySheet,
+ poseConfig.bodyIndex[0],
+ poseConfig.bodyIndex[1],
+ 0,
+ 0,
+ bodyPalettes
+ );
+
+ // Head
+ this.paintToCanvas(
+ headSheet,
+ 1,
+ 0,
+ poseConfig.hairOffset[0],
+ poseConfig.hairOffset[1],
+ bodyPalettes
+ );
+
+ // Pants Armor
+ if (pantsArmorSheet != null)
+ this.paintToCanvas(
+ pantsArmorSheet,
+ poseConfig.bodyIndex[0],
+ poseConfig.bodyIndex[1],
+ 0,
+ 0,
+ pantsPalette
+ );
+
+ // Shirt Armor
+ if (shirtArmorSheet != null)
+ this.paintToCanvas(
+ shirtArmorSheet,
+ poseConfig.chestIndex[0],
+ poseConfig.chestIndex[1],
+ poseConfig.chestOffset[0],
+ poseConfig.chestOffset[1],
+ shirtPalette
+ );
+
+ // Hair
+ if (helmetArmorSheet == null || currentSettings.helmetOption === currentSettings.helmetOptionMax - 1)
+ this.paintToCanvas(
+ accessorySheet,
+ currentSettings.hairOption,
+ hairOffset,
+ poseConfig.hairOffset[0],
+ poseConfig.hairOffset[1],
+ hairPalette
+ );
+ else
+ this.paintWithMask(
+ accessorySheet,
+ currentSettings.hairOption,
+ hairOffset,
+ poseConfig.hairOffset[0],
+ poseConfig.hairOffset[1],
+ hairPalette,
+ helmetMaskSheet
+ );
+
+ // Head
+ if (speciesVars.headOptionAsFacialHair)
+ this.paintToCanvas(
+ accessorySheet,
+ currentSettings.headOption,
+ headOffset,
+ poseConfig.hairOffset[0],
+ poseConfig.hairOffset[1],
+ bodyPalettes
+ );
+
+ // Alt
+ if (speciesVars.altOptionAsFacialMask)
+ this.paintToCanvas(
+ accessorySheet,
+ currentSettings.altOption,
+ altOffset,
+ poseConfig.hairOffset[0],
+ poseConfig.hairOffset[1],
+ bodyPalettes
+ );
+
+ // Helmet
+ if (helmetArmorSheet != null && currentSettings.helmetOption < currentSettings.helmetOptionMax - 1)
+ this.paintToCanvas(
+ helmetArmorSheet,
+ 1,
+ 0,
+ poseConfig.hairOffset[0],
+ poseConfig.hairOffset[1],
+ helmetPalette
+ );
+
+ // Front Arm
+ this.paintToCanvas(
+ frontArmSheet,
+ poseConfig.sleeveIndex[0],
+ poseConfig.sleeveIndex[1],
+ poseConfig.sleeveOffset[0],
+ poseConfig.sleeveOffset[1],
+ bodyPalettes
+ );
+
+ // Front Sleeve Armor
+ if (frontSleeveSheet != null)
+ this.paintToCanvas(
+ frontSleeveSheet,
+ poseConfig.sleeveIndex[0],
+ poseConfig.sleeveIndex[1],
+ poseConfig.sleeveOffset[0],
+ poseConfig.sleeveOffset[1],
+ shirtPalette
+ );
+ }
+
+ /**
+ * Paints a sprite sheet onto the canvas with optional palette swaps.
+ * @param {HTMLImageElement} sheet - The sprite sheet image.
+ * @param {number} offsetX - The x offset in the sprite sheet.
+ * @param {number} offsetY - The y offset in the sprite sheet.
+ * @param {number} nudgeX - The x nudge for positioning.
+ * @param {number} nudgeY - The y nudge for positioning.
+ * @param {Array} [paletteSwaps=[]] - The palette swaps to apply.
+ */
+ paintToCanvas(sheet, offsetX, offsetY, nudgeX, nudgeY, paletteSwaps = []) {
+ const tempCtx = this.tempCanvas.getContext('2d');
+
+ // Make sure to wrap too large offsetXs
+ while (offsetX > 21) {
+ offsetX -= 22;
+ offsetY++;
+ }
+
+ // Clear out the temp canvas and splot our basic sheet onto it
+ tempCtx.clearRect(0, 0, this.SPRITE_SIZE, this.SPRITE_SIZE);
+ tempCtx.drawImage(sheet, -offsetX * this.SPRITE_SIZE, -offsetY * this.SPRITE_SIZE);
+
+ const imageData = tempCtx.getImageData(0, 0, this.SPRITE_SIZE, this.SPRITE_SIZE).data;
+
+ // Go through each pixel in data
+ let px = this.SPRITE_SIZE * this.SPRITE_SIZE;
+ let posX = this.SPRITE_SIZE - 1,
+ posY = this.SPRITE_SIZE - 1;
+
+ while (px--) {
+ if (imageData[4 * px + 3] !== 0) {
+ let colorHex = this.rgbToHex(imageData[4 * px], imageData[4 * px + 1], imageData[4 * px + 2]);
+
+ for (const swap of paletteSwaps) {
+ for (const color in swap) {
+ if (color === colorHex) {
+ colorHex = swap[color];
+ }
+ }
+ }
+
+ this.CONTEXT.fillStyle = `#${colorHex}`;
+ this.CONTEXT.strokeStyle = `#${colorHex}`;
+
+ this.CONTEXT.fillRect(
+ (posX + nudgeX) * this.PREVIEW_MULTI,
+ (posY + nudgeY) * this.PREVIEW_MULTI,
+ this.PREVIEW_MULTI,
+ this.PREVIEW_MULTI
+ );
+ }
+
+ posX--;
+ if (posX < 0) {
+ posX = this.SPRITE_SIZE - 1;
+ posY--;
+ }
+ }
+ }
+
+ /**
+ * Paints a sprite sheet onto the canvas with a mask and optional palette swaps.
+ * @param {HTMLImageElement} sheet - The sprite sheet image.
+ * @param {number} offsetX - The x offset in the sprite sheet.
+ * @param {number} offsetY - The y offset in the sprite sheet.
+ * @param {number} nudgeX - The x nudge for positioning.
+ * @param {number} nudgeY - The y nudge for positioning.
+ * @param {Array} [paletteSwaps=[]] - The palette swaps to apply.
+ * @param {HTMLImageElement} mask - The mask image.
+ */
+ paintWithMask(sheet, offsetX, offsetY, nudgeX, nudgeY, paletteSwaps = [], mask) {
+ console.log(
+ `Painting sprite with mask at ${offsetX * this.SPRITE_SIZE},${offsetY * this.SPRITE_SIZE} with ${paletteSwaps.length} swaps, of sheet ${sheet.src}`
+ );
+ const tempCtx = this.tempCanvas.getContext('2d');
+
+ // Make sure to wrap too large offsetXs
+ while (offsetX > 21) {
+ offsetX -= 22;
+ offsetY++;
+ }
+
+ // Clear out the temp canvas and splot our basic sheet onto it
+ tempCtx.clearRect(0, 0, this.SPRITE_SIZE, this.SPRITE_SIZE);
+ tempCtx.drawImage(mask, 0, 0);
+
+ const maskData = tempCtx.getImageData(0, 0, this.SPRITE_SIZE, this.SPRITE_SIZE).data;
+
+ // Clear out the temp canvas and splot our basic sheet onto it
+ tempCtx.clearRect(0, 0, this.SPRITE_SIZE, this.SPRITE_SIZE);
+ tempCtx.drawImage(sheet, -offsetX * this.SPRITE_SIZE, -offsetY * this.SPRITE_SIZE);
+
+ const imageData = tempCtx.getImageData(0, 0, this.SPRITE_SIZE, this.SPRITE_SIZE).data;
+
+ // Go through each pixel in data
+ let px = this.SPRITE_SIZE * this.SPRITE_SIZE;
+ let posX = this.SPRITE_SIZE - 1,
+ posY = this.SPRITE_SIZE - 1;
+
+ while (px--) {
+ if (imageData[4 * px + 3] !== 0 && maskData[4 * px] === 255) {
+ let colorHex = this.rgbToHex(imageData[4 * px], imageData[4 * px + 1], imageData[4 * px + 2]);
+ for (const swap of paletteSwaps) {
+ for (const color in swap) {
+ if (color === colorHex) {
+ colorHex = swap[color];
+ }
+ }
+ }
+
+ this.CONTEXT.fillStyle = `#${colorHex}`;
+ this.CONTEXT.strokeStyle = `#${colorHex}`;
+
+ this.CONTEXT.fillRect(
+ (posX + nudgeX) * this.PREVIEW_MULTI,
+ (posY + nudgeY) * this.PREVIEW_MULTI,
+ this.PREVIEW_MULTI,
+ this.PREVIEW_MULTI
+ );
+ }
+
+ posX--;
+ if (posX < 0) {
+ posX = this.SPRITE_SIZE - 1;
+ posY--;
+ }
+ }
+ }
+
+ /**
+ * Converts RGB values to a hexadecimal color string.
+ * @param {number} r - The red component (0-255).
+ * @param {number} g - The green component (0-255).
+ * @param {number} b - The blue component (0-255).
+ * @returns {string} The hexadecimal color string.
+ */
+ rgbToHex(r, g, b) {
+ let rs = r.toString(16);
+ if (rs.length === 1) rs = '0' + rs;
+
+ let gs = g.toString(16);
+ if (gs.length === 1) gs = '0' + gs;
+
+ let bs = b.toString(16);
+ if (bs.length === 1) bs = '0' + bs;
+
+ return rs + gs + bs;
+ }
+}
diff --git a/settings.js b/settings.js
deleted file mode 100644
index d09e79b..0000000
--- a/settings.js
+++ /dev/null
@@ -1,283 +0,0 @@
-/*
- Juan big class to hold current option states. Makes sure to keep the customization options
- sane during the darkest of nights. Keeps track of current choices, option max boundaries,
- and updates counters to display the correct number.
- */
-
-
-function Settings()
-{
- this.species = "human";
- this.gender = "male";
- this.name;
-
- this.randomizeOptions = [ "skinColor", "altOption", "hairOption", "headOption", "shirtOption", "shirtColor", "pantsOption", "pantsColor", "helmetOption" ];
-
- this.skinColor = 0;
- this.altOption = 0;
- this.hairOption = 0;
- this.headOption = 0;
-
- this.shirtOption = 0;
- this.shirtColor = 0;
- this.pantsOption = 0;
- this.pantsColor = 0;
- this.helmetOption = 0;
-
- this.poseOption = 0;
-
- this.skinColorMax;
- this.altOptionMax;
- this.hairOptionMax;
- this.headOptionMax;
-
- this.shirtOptionMax;
- this.shirtColorMax;
- this.pantsOptionMax;
- this.pantsColorMax;
- this.helmetOptionMax = 0;
-
- this.poseOptionMax;
-
- this.skinColorCounter = $("#variable-skinColor").children(".option-buttons").children(".option-counter").children();
- this.altOptionCounter = $("#variable-altOption").children(".option-buttons").children(".option-counter").children();
- this.hairOptionCounter = $("#variable-hairOption").children(".option-buttons").children(".option-counter").children();
- this.headOptionCounter = $("#variable-headOption").children(".option-buttons").children(".option-counter").children();
- this.shirtOptionCounter = $("#variable-shirtOption").children(".option-buttons").children(".option-counter").children();
- this.shirtColorCounter = $("#variable-shirtColor").children(".option-buttons").children(".option-counter").children();
- this.pantsOptionCounter = $("#variable-pantsOption").children(".option-buttons").children(".option-counter").children();
- this.pantsColorCounter = $("#variable-pantsColor").children(".option-buttons").children(".option-counter").children();
- this.helmetOptionCounter = $("#variable-helmetOption").children(".option-buttons").children(".option-counter").children();
- this.poseOptionCounter = $("#variable-poseOption").children(".option-buttons").children(".option-counter").children();
-};
-
-Settings.prototype.updateCounters = function()
-{
- // Skin color
- var skinTemp = ( this.skinColor + 1 ) % 10;
- this.skinColorCounter.eq(0).css( "backgroundPosition", -( this.skinColor - skinTemp + 1 ) + "px 0px" );
- this.skinColorCounter.eq(1).css( "backgroundPosition", -( skinTemp * 10 ) + "px 0px" );
-
- // Alt option
- var altTemp = ( this.altOption + 1 ) % 10;
- this.altOptionCounter.eq(0).css( "backgroundPosition", -( this.altOption - altTemp + 1 ) + "px 0px" );
- this.altOptionCounter.eq(1).css( "backgroundPosition", -( altTemp * 10 ) + "px 0px" );
-
- // Hair option
- var hairTemp = ( this.hairOption + 1 ) % 10;
- this.hairOptionCounter.eq(0).css( "backgroundPosition", -( this.hairOption - hairTemp + 1 ) + "px 0px" );
- this.hairOptionCounter.eq(1).css( "backgroundPosition", -( hairTemp * 10 ) + "px 0px" );
-
- // Head option
- var headTemp = ( this.headOption + 1 ) % 10;
- this.headOptionCounter.eq(0).css( "backgroundPosition", -( this.headOption - headTemp + 1 ) + "px 0px" );
- this.headOptionCounter.eq(1).css( "backgroundPosition", -( headTemp * 10 ) + "px 0px" );
-
- // Shirt option
- var shirtTemp = ( this.shirtOption + 1 ) % 10;
- this.shirtOptionCounter.eq(0).css( "backgroundPosition", -( this.shirtOption - shirtTemp + 1 ) + "px 0px" );
- this.shirtOptionCounter.eq(1).css( "backgroundPosition", -( shirtTemp * 10 ) + "px 0px" );
-
- // Shirt color
- var shirtColorTemp = ( this.shirtColor + 1 ) % 10;
- this.shirtColorCounter.eq(0).css( "backgroundPosition", -( this.shirtColor - shirtColorTemp + 1 ) + "px 0px" );
- this.shirtColorCounter.eq(1).css( "backgroundPosition", -( shirtColorTemp * 10 ) + "px 0px" );
-
- // Pants option
- var pantsTemp = ( this.pantsOption + 1 ) % 10;
- this.pantsOptionCounter.eq(0).css( "backgroundPosition", -( this.pantsOption - pantsTemp + 1 ) + "px 0px" );
- this.pantsOptionCounter.eq(1).css( "backgroundPosition", -( pantsTemp * 10 ) + "px 0px" );
-
- // Pants color
- var pantsColorTemp = ( this.pantsColor + 1 ) % 10;
- this.pantsColorCounter.eq(0).css( "backgroundPosition", -( this.pantsColor - pantsColorTemp + 1 ) + "px 0px" );
- this.pantsColorCounter.eq(1).css( "backgroundPosition", -( pantsColorTemp * 10 ) + "px 0px" );
-
- // Pose option
- var poseTemp = ( this.poseOption + 1 ) % 10;
- this.poseOptionCounter.eq(0).css( "backgroundPosition", -( this.poseOption - poseTemp + 1 ) + "px 0px" );
- this.poseOptionCounter.eq(1).css( "backgroundPosition", -( poseTemp * 10 ) + "px 0px" );
-
- // Helmet option
- var helmetTemp = ( this.helmetOption + 1 ) % 10;
- this.helmetOptionCounter.eq(0).css( "backgroundPosition", -( this.helmetOption - helmetTemp + 1 ) + "px 0px" );
- this.helmetOptionCounter.eq(1).css( "backgroundPosition", -( helmetTemp * 10 ) + "px 0px" );
-};
-
-Settings.prototype.reset = function( species )
-{
- // Reset as few options as we have to, to preserve state
- if ( species )
- {
- this.skinColor = 0;
- this.altOption = 0;
- this.hairOption = 0;
- this.headOption = 0;
- }
-
- // Remaining options will be capped by recalc
-};
-
-Settings.prototype.recalc = function( config )
-{
- var vars = config.species[this.species].variables;
- var armors = config.species[this.species].armors;
-
- // Skin color
- this.skinColorMax = vars.colors.skinColor.length;
- if ( this.skinColor >= this.skinColorMax )
- this.skinColor = this.skinColorMax -1;
-
- // Alt option
- if ( vars.altOptionAsUndyColor )
- this.altOptionMax = vars.colors.undyColor.length;
- else if ( vars.altOptionAsFacialMask )
- this.altOptionMax = vars.genders[this.gender].facialMask.count;
- else
- this.altOptionMax = 0;
- if ( this.altOption >= this.altOptionMax )
- this.altOption = this.altOptionMax -1;
-
- // Hair option
- this.hairOptionMax = vars.genders[this.gender].hair.count;
- if ( this.hairOption >= this.hairOptionMax )
- this.hairOption = this.hairOptionMax -1;
-
- // Head option
- if ( vars.headOptionAsHairColor )
- this.headOptionMax = vars.colors.hairColor.length;
- else if ( vars.headOptionAsFacialHair === true )
- this.headOptionMax = vars.genders[this.gender].facialHair.count;
- else
- this.headOptionMax = 0;
- if ( this.headOption >= this.headOptionMax )
- this.headOption = this.headOptionMax -1;
-
- // Shirt option(al)
- this.shirtOptionMax = armors.names.length;
- if ( this.shirtOption >= this.shirtOptionMax )
- this.shirtOption = this.shirtOptionMax -1;
-
- // Pants (also) option(al)
- this.pantsOptionMax = armors.names.length;
- if ( this.pantsOption >= this.pantsOptionMax )
- this.pantsOption = this.pantsOptionMax -1;
-
- // Shirt colour
- this.shirtColorMax = armors.armorColors.length;
- if ( this.shirtColor >= this.shirtColorMax )
- this.shirtColor = this.shirtColorMax -1;
-
- // Chest colour
- this.pantsColorMax = armors.armorColors.length;
- if ( this.pantsColor >= this.pantsColorMax )
- this.pantsColor = this.pantsColorMax -1;
-
- // Poses
- this.poseOptionMax = config.poses.length;
- if ( this.poseOption >= this.poseOptionMax )
- this.poseOption = this.poseOptionMax -1;
-
- // Helmet
- if ( armors.names[armors.names.length-1] !== null )
- {
- this.helmetOptionMax = config.extraArmorColor.length + 1;
- if ( this.helmetOption >= this.helmetOptionMax )
- this.helmetOption = config.extraArmorColor.length;
- }
-};
-
-Settings.prototype.randomize = function()
-{
- console.log( "Randomizing options" );
- for ( var opt in this.randomizeOptions )
- {
- var optName = this.randomizeOptions[opt];
- console.log( "Randomizing option " + optName );
- this[optName] = Math.floor( Math.random() * this[optName + "Max"] );
- }
-
- // Pose is a special case, and should have some weighting applied
- var poseWeight = 50;
- var poseRandom = Math.floor( Math.random() * poseWeight );
- if ( poseRandom > poseWeight - this.poseOptionMax )
- {
- poseRandom = poseRandom - poseWeight + this.poseOptionMax;
- this.poseOption = poseRandom;
- }
- else
- {
- poseRandom = poseRandom % 5;
- this.poseOption = poseRandom;
- }
-
- // Helmet also deserves a special treatment
- if ( this.helmetOptionMax > 0 && Math.random() < 0.8 )
- this.helmetOption = this.helmetOptionMax - 1;
-};
-
-
-Settings.prototype.setName = function( name )
-{
- if ( this.name === name )
- return;
-
- this.name = name;
-
- $.getJSON( "images/sheets/" + toHash( name ) + "/data.json", function ( data ) { currentSettings.checkName( data ); } );
-};
-
-Settings.prototype.toString = function()
-{
- return "Settings[species=" + this.species + ", gender=" + this.gender + ", skinColor=" + this.skinColor +
- ", altOption=" + this.altOption + ", headOption=" + this.headOption + ", hairOption=" +
- this.hairOption + ", shirtOption=" + this.shirtOption + ", shirtColor=" + this.shirtColor +
- ", pantsOption=" + this.pantsOption + ", pantsColor=" + this.pantsColor +
- ", poseOption=" + this.poseOption + ", helmetOption=" + this.helmetOption +
- ", skinColorMax=" + this.skinColorMax + ", altOptionMax=" + this.altOptionMax +
- ", hairOptionMax=" + this.hairOptionMax + ", headOptionMax=" + this.headOptionMax +
- ", shirtOptionMax=" + this.shirtOptionMax + ", shirtColorMax=" + this.shirtColorMax +
- ", pantsOptionMax=" + this.pantsOptionMax + ", pantsColorMax=" + this.pantsColorMax +
- ", poseOptionMax=" + this.poseOptionMax + ", helmetOptionMax=" + this.helmetOptionMax + "]";
-};
-
-Settings.prototype.checkName = function( data )
-{
- if ( data == null || data.armorColor == null )
- return;
-
- console.log( "Checked " + toHash( currentSettings.name ) + " with return " + data );
-
- for ( var r in config.species )
- {
- var armors = config.species[r].armors
- if ( armors.names[armors.names.length-1] !== "extra" )
- {
- armors.names[armors.names.length] = "extra";
- }
- }
-
- config.extraArmorColor = data.armorColor;
- config.extraHelmet = data.helmet;
-
- for ( var n in data.names )
- {
- var name = data.names[n];
- console.log( "Loading extra sheet " + name );
- var img = new Image();
- img.src = "images/sheets/" + toHash( this.name ) + "/" + name + ".png";
- img.onload = function() { painter.repaint( config, currentSettings, imageInfo ); };
- imageInfo["extra-" + name] = img;
- }
-
- this.recalc( config );
- this.shirtOption = this.shirtOptionMax - 1;
- this.shirtColorOption = 0;
- this.pantsOption = this.pantsOptionMax - 1;
- this.pantsColorOption = 0;
- this.helmetOption = 0;
-
- this.updateCounters();
- $("#variable-helmetOption").css( "display", "inline-block" );
-}
-
diff --git a/settings.mjs b/settings.mjs
new file mode 100644
index 0000000..60daeed
--- /dev/null
+++ b/settings.mjs
@@ -0,0 +1,373 @@
+/*
+ Juan big class to hold current option states. Makes sure to keep the customization options
+ sane during the darkest of nights. Keeps track of current choices, option max boundaries,
+ and updates counters to display the correct number.
+ */
+
+export class Settings {
+ /**
+ * @property {string} species - The species of the character.
+ * @property {string} gender - The gender of the character.
+ * @property {string} name - The name of the character.
+ * @property {Array} randomizeOptions - The options that can be randomized.
+ * @property {number} skinColor - The skin color index.
+ * @property {number} altOption - The alternate option index.
+ * @property {number} hairOption - The hair option index.
+ * @property {number} headOption - The head option index.
+ * @property {number} shirtOption - The shirt option index.
+ * @property {number} shirtColor - The shirt color index.
+ * @property {number} pantsOption - The pants option index.
+ * @property {number} pantsColor - The pants color index.
+ * @property {number} helmetOption - The helmet option index.
+ * @property {number} poseOption - The pose option index.
+ * @property {number} skinColorMax - The maximum skin color index.
+ * @property {number} altOptionMax - The maximum alternate option index.
+ * @property {number} hairOptionMax - The maximum hair option index.
+ * @property {number} headOptionMax - The maximum head option index.
+ * @property {number} shirtOptionMax - The maximum shirt option index.
+ * @property {number} shirtColorMax - The maximum shirt color index.
+ * @property {number} pantsOptionMax - The maximum pants option index.
+ * @property {number} pantsColorMax - The maximum pants color index.
+ * @property {number} helmetOptionMax - The maximum helmet option index.
+ * @property {number} poseOptionMax - The maximum pose option index.
+ * @property {NodeListOf} skinColorCounter - The skin color counter elements.
+ * @property {NodeListOf} altOptionCounter - The alternate option counter elements.
+ * @property {NodeListOf} hairOptionCounter - The hair option counter elements.
+ * @property {NodeListOf} headOptionCounter - The head option counter elements.
+ * @property {NodeListOf} shirtOptionCounter - The shirt option counter elements.
+ * @property {NodeListOf} shirtColorCounter - The shirt color counter elements.
+ * @property {NodeListOf} pantsOptionCounter - The pants option counter elements.
+ * @property {NodeListOf} pantsColorCounter - The pants color counter elements.
+ * @property {NodeListOf} helmetOptionCounter - The helmet option counter elements.
+ * @property {NodeListOf} poseOptionCounter - The pose option counter elements.
+ */
+ constructor() {
+ this.species = 'human';
+ this.gender = 'male';
+ this.name;
+
+ this.randomizeOptions = [
+ 'skinColor',
+ 'altOption',
+ 'hairOption',
+ 'headOption',
+ 'shirtOption',
+ 'shirtColor',
+ 'pantsOption',
+ 'pantsColor',
+ 'helmetOption',
+ ];
+
+ this.skinColor = 0;
+ this.altOption = 0;
+ this.hairOption = 0;
+ this.headOption = 0;
+
+ this.shirtOption = 0;
+ this.shirtColor = 0;
+ this.pantsOption = 0;
+ this.pantsColor = 0;
+ this.helmetOption = 0;
+
+ this.poseOption = 0;
+
+ this.skinColorMax;
+ this.altOptionMax;
+ this.hairOptionMax;
+ this.headOptionMax;
+
+ this.shirtOptionMax;
+ this.shirtColorMax;
+ this.pantsOptionMax;
+ this.pantsColorMax;
+ this.helmetOptionMax = 0;
+
+ this.poseOptionMax;
+
+ this.skinColorCounter = document.querySelectorAll('#variable-skinColor .option-buttons .option-counter > *');
+ this.altOptionCounter = document.querySelectorAll('#variable-altOption .option-buttons .option-counter > *');
+ this.hairOptionCounter = document.querySelectorAll('#variable-hairOption .option-buttons .option-counter > *');
+ this.headOptionCounter = document.querySelectorAll('#variable-headOption .option-buttons .option-counter > *');
+ this.shirtOptionCounter = document.querySelectorAll('#variable-shirtOption .option-buttons .option-counter > *');
+ this.shirtColorCounter = document.querySelectorAll('#variable-shirtColor .option-buttons .option-counter > *');
+ this.pantsOptionCounter = document.querySelectorAll('#variable-pantsOption .option-buttons .option-counter > *');
+ this.pantsColorCounter = document.querySelectorAll('#variable-pantsColor .option-buttons .option-counter > *');
+ this.helmetOptionCounter = document.querySelectorAll('#variable-helmetOption .option-buttons .option-counter > *');
+ this.poseOptionCounter = document.querySelectorAll('#variable-poseOption .option-buttons .option-counter > *');
+ }
+
+ /**
+ * Updates the counters for the current settings.
+ */
+ updateCounters() {
+ // Skin color
+ let skinTemp = (this.skinColor + 1) % 10;
+ this.skinColorCounter[0].style.backgroundPosition = `-${this.skinColor - skinTemp + 1}px 0px`;
+ this.skinColorCounter[1].style.backgroundPosition = `-${skinTemp * 10}px 0px`;
+
+ // Alt option
+ let altTemp = (this.altOption + 1) % 10;
+ this.altOptionCounter[0].style.backgroundPosition = `-${this.altOption - altTemp + 1}px 0px`;
+ this.altOptionCounter[1].style.backgroundPosition = `-${altTemp * 10}px 0px`;
+
+ // Hair option
+ let hairTemp = (this.hairOption + 1) % 10;
+ this.hairOptionCounter[0].style.backgroundPosition = `-${this.hairOption - hairTemp + 1}px 0px`;
+ this.hairOptionCounter[1].style.backgroundPosition = `-${hairTemp * 10}px 0px`;
+
+ // Head option
+ let headTemp = (this.headOption + 1) % 10;
+ this.headOptionCounter[0].style.backgroundPosition = `-${this.headOption - headTemp + 1}px 0px`;
+ this.headOptionCounter[1].style.backgroundPosition = `-${headTemp * 10}px 0px`;
+
+ // Shirt option
+ let shirtTemp = (this.shirtOption + 1) % 10;
+ this.shirtOptionCounter[0].style.backgroundPosition = `-${this.shirtOption - shirtTemp + 1}px 0px`;
+ this.shirtOptionCounter[1].style.backgroundPosition = `-${shirtTemp * 10}px 0px`;
+
+ // Shirt color
+ let shirtColorTemp = (this.shirtColor + 1) % 10;
+ this.shirtColorCounter[0].style.backgroundPosition = `-${this.shirtColor - shirtColorTemp + 1}px 0px`;
+ this.shirtColorCounter[1].style.backgroundPosition = `-${shirtColorTemp * 10}px 0px`;
+
+ // Pants option
+ let pantsTemp = (this.pantsOption + 1) % 10;
+ this.pantsOptionCounter[0].style.backgroundPosition = `-${this.pantsOption - pantsTemp + 1}px 0px`;
+ this.pantsOptionCounter[1].style.backgroundPosition = `-${pantsTemp * 10}px 0px`;
+
+ // Pants color
+ let pantsColorTemp = (this.pantsColor + 1) % 10;
+ this.pantsColorCounter[0].style.backgroundPosition = `-${this.pantsColor - pantsColorTemp + 1}px 0px`;
+ this.pantsColorCounter[1].style.backgroundPosition = `-${pantsColorTemp * 10}px 0px`;
+
+ // Pose option
+ let poseTemp = (this.poseOption + 1) % 10;
+ this.poseOptionCounter[0].style.backgroundPosition = `-${this.poseOption - poseTemp + 1}px 0px`;
+ this.poseOptionCounter[1].style.backgroundPosition = `-${poseTemp * 10}px 0px`;
+
+ // Helmet option
+ let helmetTemp = (this.helmetOption + 1) % 10;
+ this.helmetOptionCounter[0].style.backgroundPosition = `-${this.helmetOption - helmetTemp + 1}px 0px`;
+ this.helmetOptionCounter[1].style.backgroundPosition = `-${helmetTemp * 10}px 0px`;
+ }
+
+ /**
+ * Resets the settings.
+ * @param {boolean} species - Whether to reset species-related options.
+ */
+ reset(species) {
+ // Reset as few options as we have to, to preserve state
+ if (species) {
+ this.skinColor = 0;
+ this.altOption = 0;
+ this.hairOption = 0;
+ this.headOption = 0;
+ }
+
+ // Remaining options will be capped by recalc
+ }
+
+ /**
+ * Recalculates the maximum values for the settings based on the configuration.
+ * @param {Object} config - The configuration object.
+ */
+ recalc(config) {
+ let vars = config.species[this.species].variables;
+ let armors = config.species[this.species].armors;
+
+ // Skin color
+ this.skinColorMax = vars.colors.skinColor.length;
+ if (this.skinColor >= this.skinColorMax) this.skinColor = this.skinColorMax - 1;
+
+ // Alt option
+ if (vars.altOptionAsUndyColor) this.altOptionMax = vars.colors.undyColor.length;
+ else if (vars.altOptionAsFacialMask) this.altOptionMax = vars.genders[this.gender].facialMask.count;
+ else this.altOptionMax = 0;
+ if (this.altOption >= this.altOptionMax) this.altOption = this.altOptionMax - 1;
+
+ // Hair option
+ this.hairOptionMax = vars.genders[this.gender].hair.count;
+ if (this.hairOption >= this.hairOptionMax) this.hairOption = this.hairOptionMax - 1;
+
+ // Head option
+ if (vars.headOptionAsHairColor) this.headOptionMax = vars.colors.hairColor.length;
+ else if (vars.headOptionAsFacialHair === true) this.headOptionMax = vars.genders[this.gender].facialHair.count;
+ else this.headOptionMax = 0;
+ if (this.headOption >= this.headOptionMax) this.headOption = this.headOptionMax - 1;
+
+ // Shirt option(al)
+ this.shirtOptionMax = armors.names.length;
+ if (this.shirtOption >= this.shirtOptionMax) this.shirtOption = this.shirtOptionMax - 1;
+
+ // Pants (also) option(al)
+ this.pantsOptionMax = armors.names.length;
+ if (this.pantsOption >= this.pantsOptionMax) this.pantsOption = this.pantsOptionMax - 1;
+
+ // Shirt colour
+ this.shirtColorMax = armors.armorColors.length;
+ if (this.shirtColor >= this.shirtColorMax) this.shirtColor = this.shirtColorMax - 1;
+
+ // Chest colour
+ this.pantsColorMax = armors.armorColors.length;
+ if (this.pantsColor >= this.pantsColorMax) this.pantsColor = this.pantsColorMax - 1;
+
+ // Poses
+ this.poseOptionMax = config.poses.length;
+ if (this.poseOption >= this.poseOptionMax) this.poseOption = this.poseOptionMax - 1;
+
+ // Helmet
+ if (armors.names[armors.names.length - 1] !== null) {
+ this.helmetOptionMax = config.extraArmorColor.length + 1;
+ if (this.helmetOption >= this.helmetOptionMax) this.helmetOption = config.extraArmorColor.length;
+ }
+ }
+
+ /**
+ * Randomizes the settings.
+ */
+ randomize() {
+ console.log('Randomizing options');
+ for (let optName of this.randomizeOptions) {
+ console.log('Randomizing option ' + optName);
+ this[optName] = Math.floor(Math.random() * this[optName + 'Max']);
+ }
+
+ // Pose is a special case, and should have some weighting applied
+ let poseWeight = 50;
+ let poseRandom = Math.floor(Math.random() * poseWeight);
+ if (poseRandom > poseWeight - this.poseOptionMax) {
+ poseRandom = poseRandom - poseWeight + this.poseOptionMax;
+ this.poseOption = poseRandom;
+ } else {
+ poseRandom = poseRandom % 5;
+ this.poseOption = poseRandom;
+ }
+
+ // Helmet also deserves a special treatment
+ if (this.helmetOptionMax > 0 && Math.random() < 0.8) this.helmetOption = this.helmetOptionMax - 1;
+ }
+
+ /**
+ * Sets the name of the character.
+ * @param {string} name - The name to set.
+ */
+ setName(name) {
+ if (this.name === name) return;
+
+ this.name = name;
+
+ fetch(`images/sheets/${toHash(name)}/data.json`)
+ .then((response) => response.json())
+ .then((data) => currentSettings.checkName(data));
+ }
+
+ /**
+ * Converts the settings to a string representation.
+ * @returns {string} The string representation of the settings.
+ */
+ toString() {
+ return (
+ 'Settings[species=' +
+ this.species +
+ ', gender=' +
+ this.gender +
+ ', skinColor=' +
+ this.skinColor +
+ ', altOption=' +
+ this.altOption +
+ ', headOption=' +
+ this.headOption +
+ ', hairOption=' +
+ this.hairOption +
+ ', shirtOption=' +
+ this.shirtOption +
+ ', shirtColor=' +
+ this.shirtColor +
+ ', pantsOption=' +
+ this.pantsOption +
+ ', pantsColor=' +
+ this.pantsColor +
+ ', poseOption=' +
+ this.poseOption +
+ ', helmetOption=' +
+ this.helmetOption +
+ ', skinColorMax=' +
+ this.skinColorMax +
+ ', altOptionMax=' +
+ this.altOptionMax +
+ ', hairOptionMax=' +
+ this.hairOptionMax +
+ ', headOptionMax=' +
+ this.headOptionMax +
+ ', shirtOptionMax=' +
+ this.shirtOptionMax +
+ ', shirtColorMax=' +
+ this.shirtColorMax +
+ ', pantsOptionMax=' +
+ this.pantsOptionMax +
+ ', pantsColorMax=' +
+ this.pantsColorMax +
+ ', poseOptionMax=' +
+ this.poseOptionMax +
+ ', helmetOptionMax=' +
+ this.helmetOptionMax +
+ ']'
+ );
+ }
+
+ /**
+ * Checks the name of the character against the provided data.
+ * @param {Object} data - The data to check against.
+ */
+ checkName(data) {
+ if (!data || !data.armorColor) return;
+
+ console.log('Checked ' + toHash(currentSettings.name) + ' with return ' + data);
+
+ for (let r in config.species) {
+ let armors = config.species[r].armors;
+ if (armors.names[armors.names.length - 1] !== null) {
+ armors.names[armors.names.length] = 'extra';
+ }
+ }
+
+ config.extraArmorColor = data.armorColor;
+ config.extraHelmet = data.helmet;
+
+ for (let name of data.names) {
+ console.log('Loading extra sheet ' + name);
+ let img = new Image();
+ img.src = 'images/sheets/' + toHash(this.name) + '/' + name + '.png';
+ img.onload = function () {
+ painter.repaint(config, currentSettings, imageInfo);
+ };
+ imageInfo['extra-' + name] = img;
+ }
+
+ this.recalc(config);
+ this.shirtOption = this.shirtOptionMax - 1;
+ this.shirtColorOption = 0;
+ this.pantsOption = this.pantsOptionMax - 1;
+ this.pantsColorOption = 0;
+ this.helmetOption = 0;
+
+ this.updateCounters();
+ document.querySelector('#variable-helmetOption').style.display = 'inline-block';
+ }
+}
+
+/**
+ * Converts a string to a hash.
+ * @param {string} string - The string to hash.
+ * @returns {string} The hash of the string.
+ */
+function toHash(string) {
+ let hash = 17;
+
+ for (let i = 0; i < string.length; i++) {
+ hash = (hash << 5) - hash + string.charCodeAt(i);
+ hash = hash & hash;
+ }
+
+ return hash.toString(16);
+}
diff --git a/webchargen.config.json b/webchargen.config.json
index 14b03ca..a5f44e8 100644
--- a/webchargen.config.json
+++ b/webchargen.config.json
@@ -1,1018 +1,1137 @@
{
- "species" : {
- "human" : {
- "variables" : {
- "altOptionAsUndyColor" : true,
- "altOptionAsFacialMask" : false,
- "headOptionAsHairColor" : true,
- "headOptionAsFacialHair" : false,
- "names" : [ "skinColor", "undyColor", "hairStyle", "hairColor" ],
- "genders" : {
- "iconOffset" : 0,
- "male" : {
- "hair" : {
- "offsetY" : 1,
- "count" : 61
- },
- "facialMask" : {
- "offsetY" : -1,
- "count" : -1
- },
- "facialHair" : {
- "offsetY": -1,
- "count" : -1
- }
- },
- "female" : {
- "hair" : {
- "offsetY" : 4,
- "count" : 55
- },
- "facialMask" : {
- "offsetY" : -1,
- "count" : -1
- },
- "facialHair" : {
- "offsetY": -1,
- "count" : -1
- }
- }
- },
- "colors" : {
- "skinColor" : [
- { "ffe2c5" : "ffe9d3", "ffc181" : "ffc181", "d39c6c" : "d39c6c", "c7815b" : "b97551" },
- { "ffe2c5" : "fff6f6", "ffc181" : "f7d5d3", "d39c6c" : "d1aaa1", "c7815b" : "a27f70" },
- { "ffe2c5" : "fff7ec", "ffc181" : "f9d3a9", "d39c6c" : "d3a57c", "c7815b" : "b37c5d" },
- { "ffe2c5" : "fbe1d4", "ffc181" : "f6baa2", "d39c6c" : "cc9582", "c7815b" : "ac7261" },
- { "ffe2c5" : "f4e0ba", "ffc181" : "e9b768", "d39c6c" : "c18f54", "c7815b" : "a2683d" },
- { "ffe2c5" : "e8cebc", "ffc181" : "cfa97d", "d39c6c" : "ae774b", "c7815b" : "804e34" },
- { "ffe2c5" : "e1b98d", "ffc181" : "c88959", "d39c6c" : "9e6a4d", "c7815b" : "784930" },
- { "ffe2c5" : "c9b181", "ffc181" : "ac8348", "d39c6c" : "87633f", "c7815b" : "694c31" },
- { "ffe2c5" : "c5ad98", "ffc181" : "a47a59", "d39c6c" : "865d40", "c7815b" : "66412e" },
- { "ffe2c5" : "ab8c77", "ffc181" : "86644a", "d39c6c" : "684431", "c7815b" : "40271d" }
- ],
- "undyColor" : [
- { "dc1f00" : "4d76ad", "be1b00" : "395187", "951500" : "20325b" },
- { "dc1f00" : "7c41b8", "be1b00" : "6c2f90", "951500" : "471962" },
- { "dc1f00" : "c63442", "be1b00" : "9b2724", "951500" : "6a1210" },
- { "dc1f00" : "eaa245", "be1b00" : "b47020", "951500" : "834a0c" },
- { "dc1f00" : "e3e13a", "be1b00" : "a8a614", "951500" : "848008" },
- { "dc1f00" : "6ab841", "be1b00" : "45902f", "951500" : "296219" },
- { "dc1f00" : "535353", "be1b00" : "363636", "951500" : "111111" },
- { "dc1f00" : "e6e6e6", "be1b00" : "979797", "951500" : "6f6f6f" },
- { "dc1f00" : "9e9e9e", "be1b00" : "6e6e6e", "951500" : "434343" },
- { "dc1f00" : "f794f8", "be1b00" : "d355c1", "951500" : "b72c95" }
- ],
- "hairColor" : [
- { "d9c189" : "525252", "a38d59" : "363636", "735e3a" : "161616" },
- { "d9c189" : "50422f", "a38d59" : "36261e", "735e3a" : "170f0d" },
- { "d9c189" : "7f5a39", "a38d59" : "5b3523", "735e3a" : "3b1f15" },
- { "d9c189" : "a6671d", "a38d59" : "915622", "735e3a" : "743e1d" },
- { "d9c189" : "e6e756", "a38d59" : "c7ac3f", "735e3a" : "a9882f" },
- { "d9c189" : "f2eba3", "a38d59" : "dcd28c", "735e3a" : "c2b677" },
- { "d9c189" : "7d3c1c", "a38d59" : "4d240b", "735e3a" : "2d1606" },
- { "d9c189" : "ad2716", "a38d59" : "8f1f1b", "735e3a" : "731a1a" },
- { "d9c189" : "b8b8b8", "a38d59" : "828282", "735e3a" : "555555" },
- { "d9c189" : "eaeaea", "a38d59" : "b8b8b8", "735e3a" : "828282" },
- { "d9c189" : "6f6d85", "a38d59" : "525269", "735e3a" : "3e4352" },
- { "d9c189" : "cd72d9", "a38d59" : "ac4da6", "735e3a" : "913b86" },
- { "d9c189" : "425879", "a38d59" : "343965", "735e3a" : "242247" },
- { "d9c189" : "5d8bc7", "a38d59" : "4d55b0", "735e3a" : "2e2a73" },
- { "d9c189" : "653b7f", "a38d59" : "562e6a", "735e3a" : "3f1d4b" },
- { "d9c189" : "7f3b6d", "a38d59" : "6a2e53", "735e3a" : "4b1d30" },
- { "d9c189" : "efa838", "a38d59" : "be6d1d", "735e3a" : "834012" },
- { "d9c189" : "4ece61", "a38d59" : "34ae47", "735e3a" : "228a38" },
- { "d9c189" : "3b7f44", "a38d59" : "2e6a38", "735e3a" : "1d4b28" },
- { "d9c189" : "74726f", "a38d59" : "53504d", "735e3a" : "2a251e" }
- ]
- }
- },
- "armors" : {
- "names" : ["concept","cool","sweatervest","workout", null],
- "armorColors" : [
- { "ffca8a" : "809ebe", "e0975c" : "485971", "a85636" : "273040", "6f2919" : "11151e" },
- { "ffca8a" : "727272", "e0975c" : "414141", "a85636" : "1c1c1c", "6f2919" : "0b0b0b" },
- { "ffca8a" : "e9e9e9", "e0975c" : "727272", "a85636" : "333333", "6f2919" : "161616" },
- { "ffca8a" : "ba3f36", "e0975c" : "7a2622", "a85636" : "411114", "6f2919" : "25090c" },
- { "ffca8a" : "d77b24", "e0975c" : "794317", "a85636" : "3a1f0f", "6f2919" : "1d1009" },
- { "ffca8a" : "eedb53", "e0975c" : "928132", "a85636" : "42381a", "6f2919" : "262010" },
- { "ffca8a" : "6c9e4a", "e0975c" : "395b2b", "a85636" : "1b2e16", "6f2919" : "0b140a" },
- { "ffca8a" : "4681c0", "e0975c" : "284672", "a85636" : "161b3b", "6f2919" : "0c0e22" },
- { "ffca8a" : "7d4794", "e0975c" : "4d245d", "a85636" : "221328", "6f2919" : "0f0912" },
- { "ffca8a" : "d46bd7", "e0975c" : "7c377b", "a85636" : "30172e", "6f2919" : "170b16" },
- { "ffca8a" : "a36948", "e0975c" : "683a23", "a85636" : "2d1a12", "6f2919" : "170d09" }
- ]
- }
- },
- "avian" : {
- "variables" : {
- "altOptionAsUndyColor" : false,
- "altOptionAsFacialMask" : true,
- "headOptionAsHairColor" : false,
- "headOptionAsFacialHair" : true,
- "names" : [ "featherColor", "beakStyle", "plumage", "fluff" ],
- "genders" : {
- "iconOffset" : 0,
- "male" : {
- "hair" : {
- "offsetY" : 3,
- "count" : 24
- },
- "facialMask" : {
- "offsetY" : 1,
- "count" : 10
- },
- "facialHair" : {
- "offsetY" : 2,
- "count" : 10
- }
- },
- "female" : {
- "hair" : {
- "offsetY" : 3,
- "count" : 24
- },
- "facialMask" : {
- "offsetY" : 1,
- "count" : 10
- },
- "facialHair" : {
- "offsetY" : 2,
- "count" : 10
- }
- }
- },
- "colors" : {
- "skinColor" : [
- { "ffca8a" : "f0608b", "e0975c" : "cd5061", "a85636" : "95484c", "6f2919" : "6a3836", "f32200" : "f6fbfb", "dc1f00" : "d7e8e8", "be1b00" : "8fa7a3", "951500" : "5d6d69", "d9c189" : "eacf60", "a38d59" : "c1a24e", "735e3a" : "977841" },
- { "ffca8a" : "7fdadd", "e0975c" : "61aebf", "a85636" : "4e7a90", "6f2919" : "3f566e", "f32200" : "f6fbfb", "dc1f00" : "d7e8e8", "be1b00" : "8fa7a3", "951500" : "5d6d69", "d9c189" : "eacf60", "a38d59" : "c1a24e", "735e3a" : "977841" },
- { "ffca8a" : "add068", "e0975c" : "85ac1b", "a85636" : "6e8210", "6f2919" : "596809", "f32200" : "f6fbfb", "dc1f00" : "d7e8e8", "be1b00" : "8fa7a3", "951500" : "5d6d69", "d9c189" : "eacf60", "a38d59" : "c1a24e", "735e3a" : "977841" },
- { "ffca8a" : "f3efa3", "e0975c" : "e3d965", "a85636" : "baa94a", "6f2919" : "98832d", "f32200" : "f6fbfb", "dc1f00" : "d7e8e8", "be1b00" : "8fa7a3", "951500" : "5d6d69", "d9c189" : "efad56", "a38d59" : "c5813e", "735e3a" : "9b6638" },
- { "ffca8a" : "998779", "e0975c" : "836752", "a85636" : "625244", "6f2919" : "4e3b2e", "f32200" : "f6fbfb", "dc1f00" : "d7e8e8", "be1b00" : "8fa7a3", "951500" : "5d6d69", "d9c189" : "efad56", "a38d59" : "c5813e", "735e3a" : "9b6638" },
- { "ffca8a" : "737275", "e0975c" : "595760", "a85636" : "3f3e43", "6f2919" : "212123", "f32200" : "f6fbfb", "dc1f00" : "d7e8e8", "be1b00" : "8fa7a3", "951500" : "5d6d69", "d9c189" : "eacf60", "a38d59" : "c1a24e", "735e3a" : "977841" },
- { "ffca8a" : "eebfea", "e0975c" : "de8ddd", "a85636" : "c060bb", "6f2919" : "9a4b9c", "f32200" : "f6fbfb", "dc1f00" : "d7e8e8", "be1b00" : "8fa7a3", "951500" : "5d6d69", "d9c189" : "eae660", "a38d59" : "c1b54e", "735e3a" : "978841" },
- { "ffca8a" : "d18bd5", "e0975c" : "a766bc", "a85636" : "814797", "6f2919" : "693367", "f32200" : "f6fbfb", "dc1f00" : "d7e8e8", "be1b00" : "8fa7a3", "951500" : "5d6d69", "d9c189" : "efad56", "a38d59" : "c5813e", "735e3a" : "9b6638" },
- { "ffca8a" : "f3c873", "e0975c" : "db9c38", "a85636" : "b17628", "6f2919" : "89561f", "f32200" : "f6fbfb", "dc1f00" : "d7e8e8", "be1b00" : "8fa7a3", "951500" : "5d6d69", "d9c189" : "eae660", "a38d59" : "c1b54e", "735e3a" : "978841" },
- { "ffca8a" : "deeded", "e0975c" : "c5d8d8", "a85636" : "96aba9", "6f2919" : "6f807e", "f32200" : "f6fbfb", "dc1f00" : "d7e8e8", "be1b00" : "8fa7a3", "951500" : "5d6d69", "d9c189" : "eacf60", "a38d59" : "c1a24e", "735e3a" : "977841" }
- ],
- "undyColor" : [],
- "hairColor" : []
- }
- },
- "armors" : {
- "names" : ["adventurer","commoner","fancy","worker", null],
- "armorColors" : [
- { "ffca8a" : "d4c398", "e0975c" : "a28959", "a85636" : "715833", "6f2919" : "43331e" },
- { "ffca8a" : "727272", "e0975c" : "414141", "a85636" : "1c1c1c", "6f2919" : "0b0b0b" },
- { "ffca8a" : "e9e9e9", "e0975c" : "727272", "a85636" : "333333", "6f2919" : "161616" },
- { "ffca8a" : "ba3f36", "e0975c" : "7a2622", "a85636" : "411114", "6f2919" : "25090c" },
- { "ffca8a" : "d77b24", "e0975c" : "794317", "a85636" : "3a1f0f", "6f2919" : "1d1009" },
- { "ffca8a" : "eedb53", "e0975c" : "928132", "a85636" : "42381a", "6f2919" : "262010" },
- { "ffca8a" : "6c9e4a", "e0975c" : "395b2b", "a85636" : "1b2e16", "6f2919" : "0b140a" },
- { "ffca8a" : "4681c0", "e0975c" : "284672", "a85636" : "161b3b", "6f2919" : "0c0e22" },
- { "ffca8a" : "7d4794", "e0975c" : "4d245d", "a85636" : "221328", "6f2919" : "0f0912" },
- { "ffca8a" : "d46bd7", "e0975c" : "7c377b", "a85636" : "30172e", "6f2919" : "170b16" },
- { "ffca8a" : "a36948", "e0975c" : "683a23", "a85636" : "2d1a12", "6f2919" : "170d09" }
- ]
- }
- },
- "apex" : {
- "variables" : {
- "altOptionAsUndyColor" : true,
- "altOptionAsFacialMask" : false,
- "headOptionAsHairColor" : false,
- "headOptionAsFacialHair" : true,
- "names" : [ "furColor", "skinColor", "hairStyle", "beardStyle" ],
- "genders" : {
- "iconOffset" : 0,
- "male" : {
- "hair" : {
- "offsetY" : 3,
- "count" : 25
- },
- "facialMask" : {
- "offsetY" : -1,
- "count" : -1
- },
- "facialHair" : {
- "offsetY" : 1,
- "count" : 22
- }
- },
- "female" : {
- "hair" : {
- "offsetY" : 5,
- "count" : 20
- },
- "facialMask" : {
- "offsetY" : -1,
- "count" : -1
- },
- "facialHair" : {
- "offsetY" : 2,
- "count" : 15
- }
- }
- },
- "colors" : {
- "skinColor" :[
- { "e0975c" : "7e5938", "a85636" : "5d3e25", "6f2919" : "422a18" },
- { "e0975c" : "595760", "a85636" : "3f3e43", "6f2919" : "212123" },
- { "e0975c" : "d98f30", "a85636" : "a4601e", "6f2919" : "794515" },
- { "e0975c" : "8f4a24", "a85636" : "66351f", "6f2919" : "522b1d" },
- { "e0975c" : "e4f3f3", "a85636" : "a7b9b9", "6f2919" : "7b8888" },
- { "e0975c" : "7e5938", "a85636" : "5d3e25", "6f2919" : "422a18" },
- { "e0975c" : "c43d3d", "a85636" : "961e21", "6f2919" : "751922" },
- { "e0975c" : "597e38", "a85636" : "415d25", "6f2919" : "2e4218" },
- { "e0975c" : "fbf6c4", "a85636" : "cac488", "6f2919" : "959166" }
- ],
- "undyColor" : [
- { "f7e7b2" : "ffe2c5", "d9c189" : "ffc181", "a38d59" : "d39c6c", "735e3a" : "c7815b" },
- { "f7e7b2" : "f0d6b9", "d9c189" : "e5b078", "a38d59" : "bb8c5e", "735e3a" : "a66c46" },
- { "f7e7b2" : "ecfeff", "d9c189" : "c1e4eb", "a38d59" : "829fc6", "735e3a" : "5c6d86" },
- { "f7e7b2" : "c8cee0", "d9c189" : "a3a7b2", "a38d59" : "7c8094", "735e3a" : "5f5f73" },
- { "f7e7b2" : "d6cecb", "d9c189" : "b6b0ae", "a38d59" : "978d88", "735e3a" : "787069" },
- { "f7e7b2" : "ebcfd2", "d9c189" : "dda9b0", "a38d59" : "c37e80", "735e3a" : "96635c" },
- { "f7e7b2" : "e9c08b", "d9c189" : "d29a5f", "a38d59" : "ac7955", "735e3a" : "8c5d44" },
- { "f7e7b2" : "c6cddf", "d9c189" : "95a0b4", "a38d59" : "727a86", "735e3a" : "5b6165" },
- { "f7e7b2" : "fffdea", "d9c189" : "fff499", "a38d59" : "d4c574", "735e3a" : "bfa458" },
- { "f7e7b2" : "ffd5d6", "d9c189" : "ff9596", "a38d59" : "d4787c", "735e3a" : "bd5767" }
- ],
- "hairColor" : []
- }
- },
- "armors" : {
- "names" : ["commander","navy","officer","specialist", null],
- "armorColors": [
- { "ffca8a" : "aeb6ab", "e0975c" : "788377", "a85636" : "535d56", "6f2919" : "383f3a" },
- { "ffca8a" : "727272", "e0975c" : "414141", "a85636" : "1c1c1c", "6f2919" : "0b0b0b" },
- { "ffca8a" : "e9e9e9", "e0975c" : "727272", "a85636" : "333333", "6f2919" : "161616" },
- { "ffca8a" : "ba3f36", "e0975c" : "7a2622", "a85636" : "411114", "6f2919" : "25090c" },
- { "ffca8a" : "d77b24", "e0975c" : "794317", "a85636" : "3a1f0f", "6f2919" : "1d1009" },
- { "ffca8a" : "eedb53", "e0975c" : "928132", "a85636" : "42381a", "6f2919" : "262010" },
- { "ffca8a" : "6c9e4a", "e0975c" : "395b2b", "a85636" : "1b2e16", "6f2919" : "0b140a" },
- { "ffca8a" : "4681c0", "e0975c" : "284672", "a85636" : "161b3b", "6f2919" : "0c0e22" },
- { "ffca8a" : "7d4794", "e0975c" : "4d245d", "a85636" : "221328", "6f2919" : "0f0912" },
- { "ffca8a" : "d46bd7", "e0975c" : "7c377b", "a85636" : "30172e", "6f2919" : "170b16" },
- { "ffca8a" : "a36948", "e0975c" : "683a23", "a85636" : "2d1a12", "6f2919" : "170d09" }
- ]
- }
- },
- "floran" : {
- "variables" : {
- "altOptionAsUndyColor" : true,
- "altOptionAsFacialMask" : false,
- "altOptionAshairColor" : true,
- "headOptionAsHairColor" : true,
- "headOptionAsFacialHair" : false,
- "names" : [ "skinColor", "leafColor", "foliage", "flowerColor" ],
- "genders" : {
- "iconOffset" : 1,
- "male" : {
- "hair" : {
- "offsetY" : 1,
- "count" : 39
- },
- "facialMask" : {
- "offsetY" : -1,
- "count" : -1
- },
- "facialHair" : {
- "offsetY" : -1,
- "count" : -1
- }
- },
- "female" : {
- "hair" : {
- "offsetY" : 1,
- "count" : 39
- },
- "facialMask" : {
- "offsetY" : -1,
- "count" : -1
- },
- "facialHair" : {
- "offsetY" : -1,
- "count" : -1
- }
- }
- },
- "colors" : {
- "skinColor" : [
- { "ffca8a" : "c4d0a5", "e0975c" : "a3af83", "a85636" : "7f8760", "6f2919" : "5e6142" },
- { "ffca8a" : "d08c9f", "e0975c" : "b27082", "a85636" : "874e62", "6f2919" : "603347" },
- { "ffca8a" : "d8d695", "e0975c" : "b9b778", "a85636" : "908a56", "6f2919" : "685f3a" },
- { "ffca8a" : "a6cbd2", "e0975c" : "7ca7af", "a85636" : "558287", "6f2919" : "386362" },
- { "ffca8a" : "cb86d6", "e0975c" : "ac6ab7", "a85636" : "7e498c", "6f2919" : "542f64" },
- { "ffca8a" : "b7d179", "e0975c" : "8eab59", "a85636" : "808a44", "6f2919" : "5e6534" },
- { "ffca8a" : "b9997a", "e0975c" : "9f7761", "a85636" : "85594a", "6f2919" : "6a3e36" },
- { "ffca8a" : "a8c2c4", "e0975c" : "8ba4a6", "a85636" : "677f7f", "6f2919" : "485b59" },
- { "ffca8a" : "e47068", "e0975c" : "c54848", "a85636" : "952f45", "6f2919" : "65223a" },
- { "ffca8a" : "e3da89", "e0975c" : "c5bd6d", "a85636" : "9a8d4c", "6f2919" : "705f32" }
- ],
- "undyColor" : [
- { "f7e7b2" : "96c072", "d9c189" : "81996c", "a38d59" : "667552", "735e3a" : "515a3f" },
- { "f7e7b2" : "d1ce79", "d9c189" : "a9ab59", "a38d59" : "837d43", "735e3a" : "655c34" },
- { "f7e7b2" : "71c1b4", "d9c189" : "6b9991", "a38d59" : "51756b", "735e3a" : "3e5a50" },
- { "f7e7b2" : "eaa553", "d9c189" : "cc7f39", "a38d59" : "9c552a", "735e3a" : "783920" },
- { "f7e7b2" : "e47068", "d9c189" : "c54848", "a38d59" : "952f45", "735e3a" : "65223a" },
- { "f7e7b2" : "ffe9ef", "d9c189" : "f6bcd2", "a38d59" : "d96d94", "735e3a" : "b0425e" },
- { "f7e7b2" : "71d275", "d9c189" : "55aa57", "a38d59" : "3e803a", "735e3a" : "2f5f2a" },
- { "f7e7b2" : "c19e75", "d9c189" : "a97e5b", "a38d59" : "82563c", "735e3a" : "623c2b" },
- { "f7e7b2" : "e4e568", "d9c189" : "cac056", "a38d59" : "9b8838", "735e3a" : "786025" },
- { "f7e7b2" : "b774be", "d9c189" : "946d98", "a38d59" : "6d5374", "735e3a" : "513f59" }
- ],
- "hairColor" : [
- { "f32200" : "be5645", "dc1f00" : "972b2b", "be1b00" : "6f191f" },
- { "f32200" : "ebac59", "dc1f00" : "d26434", "be1b00" : "a43829" },
- { "f32200" : "a0d8ea", "dc1f00" : "62a2d2", "be1b00" : "3d6fa3" },
- { "f32200" : "c655c1", "dc1f00" : "92379d", "be1b00" : "60226e" },
- { "f32200" : "818181", "dc1f00" : "616161", "be1b00" : "444444" },
- { "f32200" : "e4e9e9", "dc1f00" : "aeb8b8", "be1b00" : "757d7e" },
- { "f32200" : "e4df6a", "dc1f00" : "b7ab42", "be1b00" : "847629" },
- { "f32200" : "68689a", "dc1f00" : "4b5177", "be1b00" : "323955" },
- { "f32200" : "81996c", "dc1f00" : "667552", "be1b00" : "515a3f" },
- { "f32200" : "f6bcd2", "dc1f00" : "d96d94", "be1b00" : "b0425e" }
- ]
- }
- },
- "armors" : {
- "names" : ["furnivour","hunter","leaf","pelt","survivalist", null],
- "armorColors" : [
- { "ffca8a" : "ba2c72", "e0975c" : "79173e", "a85636" : "421128", "6f2919" : "220b16" },
- { "ffca8a" : "727272", "e0975c" : "414141", "a85636" : "1c1c1c", "6f2919" : "0b0b0b" },
- { "ffca8a" : "e9e9e9", "e0975c" : "727272", "a85636" : "333333", "6f2919" : "161616" },
- { "ffca8a" : "ba3f36", "e0975c" : "7a2622", "a85636" : "411114", "6f2919" : "25090c" },
- { "ffca8a" : "d77b24", "e0975c" : "794317", "a85636" : "3a1f0f", "6f2919" : "1d1009" },
- { "ffca8a" : "eedb53", "e0975c" : "928132", "a85636" : "42381a", "6f2919" : "262010" },
- { "ffca8a" : "6c9e4a", "e0975c" : "395b2b", "a85636" : "1b2e16", "6f2919" : "0b140a" },
- { "ffca8a" : "4681c0", "e0975c" : "284672", "a85636" : "161b3b", "6f2919" : "0c0e22" },
- { "ffca8a" : "7d4794", "e0975c" : "4d245d", "a85636" : "221328", "6f2919" : "0f0912" },
- { "ffca8a" : "d46bd7", "e0975c" : "7c377b", "a85636" : "30172e", "6f2919" : "170b16" },
- { "ffca8a" : "a36948", "e0975c" : "683a23", "a85636" : "2d1a12", "6f2919" : "170d09" }
- ]
- }
- },
- "hylotl" : {
- "variables" : {
- "altOptionAsUndyColor" : true,
- "altOptionAsFacialMask" : false,
- "altOptionAshairColor" : true,
- "headOptionAsHairColor" : true,
- "headOptionAsFacialHair" : false,
- "hairColorAsBodySubColor" : true,
- "names" : [ "skinColor", "bellyColor", "fins", "finColor" ],
- "genders" : {
- "iconOffset" : 0,
- "male" : {
- "hair" : {
- "offsetY" : 1,
- "count" : 31
- },
- "facialMask" : {
- "offsetY" : -1,
- "count" : -1
- },
- "facialHair" : {
- "offsetY" : -1,
- "count" : -1
- }
- },
- "female" : {
- "hair" : {
- "offsetY" : 1,
- "count" : 31
- },
- "facialMask" : {
- "offsetY" : -1,
- "count" : -1
- },
- "facialHair" : {
- "offsetY" : -1,
- "count" : -1
- }
- }
- },
- "colors" : {
- "skinColor" : [
- { "ffca8a" : "DBF4B8", "e0975c" : "A4D66B", "a85636" : "6F9E47", "6f2919" : "426D26" },
- { "ffca8a" : "B8F4BB", "e0975c" : "72DD7E", "a85636" : "4AA559", "6f2919" : "266535" },
- { "ffca8a" : "F1EABB", "e0975c" : "D8D077", "a85636" : "A09E4E", "6f2919" : "5F6229" },
- { "ffca8a" : "B8F4D9", "e0975c" : "72DDB3", "a85636" : "4AA586", "6f2919" : "266554" },
- { "ffca8a" : "B1F1FE", "e0975c" : "5DD1EC", "a85636" : "3491AA", "6f2919" : "196072" },
- { "ffca8a" : "b5c2fa", "e0975c" : "758bf8", "a85636" : "4a5ba5", "6f2919" : "272665" },
- { "ffca8a" : "E2B2FF", "e0975c" : "B374D4", "a85636" : "7C4992", "6f2919" : "4B2655" },
- { "ffca8a" : "ffffff", "e0975c" : "d7d5db", "a85636" : "8e8e9b", "6f2919" : "6d6d6d" },
- { "ffca8a" : "9E9E9E", "e0975c" : "696969", "a85636" : "434343", "6f2919" : "191919" },
- { "ffca8a" : "F9D9DA", "e0975c" : "EAB2B5", "a85636" : "CC8288", "6f2919" : "A55B61" }
- ],
- "undyColor" : [
- { "f32200" : "DBF4B8", "dc1f00" : "A4D66B", "be1b00" : "6F9E47", "951500" : "426D26" },
- { "f32200" : "B8F4BB", "dc1f00" : "72DD7E", "be1b00" : "4AA559", "951500" : "266535" },
- { "f32200" : "F1EABB", "dc1f00" : "D8D077", "be1b00" : "A09E4E", "951500" : "5F6229" },
- { "f32200" : "B8F4D9", "dc1f00" : "72DDB3", "be1b00" : "4AA586", "951500" : "266554" },
- { "f32200" : "B1F1FE", "dc1f00" : "5DD1EC", "be1b00" : "3491AA", "951500" : "196072" },
- { "f32200" : "b5c2fa", "dc1f00" : "758bf8", "be1b00" : "4a5ba5", "951500" : "272665" },
- { "f32200" : "E2B2FF", "dc1f00" : "B374D4", "be1b00" : "7C4992", "951500" : "4B2655" },
- { "f32200" : "ffffff", "dc1f00" : "d7d5db", "be1b00" : "8e8e9b", "951500" : "6d6d6d" },
- { "f32200" : "9E9E9E", "dc1f00" : "696969", "be1b00" : "434343", "951500" : "191919" },
- { "f32200" : "F9D9DA", "dc1f00" : "EAB2B5", "be1b00" : "CC8288", "951500" : "A55B61" }
- ],
- "hairColor" : [
- { "f7e7b2" : "DBF4B8", "d9c189" : "A4D66B", "a38d59" : "6F9E47", "735e3a" : "426D26" },
- { "f7e7b2" : "B8F4BB", "d9c189" : "72DD7E", "a38d59" : "4AA559", "735e3a" : "266535" },
- { "f7e7b2" : "F1EABB", "d9c189" : "D8D077", "a38d59" : "A09E4E", "735e3a" : "5F6229" },
- { "f7e7b2" : "B8F4D9", "d9c189" : "72DDB3", "a38d59" : "4AA586", "735e3a" : "266554" },
- { "f7e7b2" : "B1F1FE", "d9c189" : "5DD1EC", "a38d59" : "3491AA", "735e3a" : "196072" },
- { "f7e7b2" : "b5c2fa", "d9c189" : "758bf8", "a38d59" : "4a5ba5", "735e3a" : "272665" },
- { "f7e7b2" : "E2B2FF", "d9c189" : "B374D4", "a38d59" : "7C4992", "735e3a" : "4B2655" },
- { "f7e7b2" : "ffffff", "d9c189" : "d7d5db", "a38d59" : "8e8e9b", "735e3a" : "6d6d6d" },
- { "f7e7b2" : "9E9E9E", "d9c189" : "696969", "a38d59" : "434343", "735e3a" : "191919" },
- { "f7e7b2" : "F9D9DA", "d9c189" : "EAB2B5", "a38d59" : "CC8288", "735e3a" : "A55B61" }
- ]
- }
- },
- "armors" : {
- "names" : ["kimono","monk","traditional","trainee",null],
- "armorColors" : [
- { "ffca8a" : "65c1df", "e0975c" : "257e8b", "a85636" : "113f43", "6f2919" : "061818" },
- { "ffca8a" : "727272", "e0975c" : "414141", "a85636" : "1c1c1c", "6f2919" : "0b0b0b" },
- { "ffca8a" : "e9e9e9", "e0975c" : "727272", "a85636" : "333333", "6f2919" : "161616" },
- { "ffca8a" : "ba3f36", "e0975c" : "7a2622", "a85636" : "411114", "6f2919" : "25090c" },
- { "ffca8a" : "d77b24", "e0975c" : "794317", "a85636" : "3a1f0f", "6f2919" : "1d1009" },
- { "ffca8a" : "eedb53", "e0975c" : "928132", "a85636" : "42381a", "6f2919" : "262010" },
- { "ffca8a" : "6c9e4a", "e0975c" : "395b2b", "a85636" : "1b2e16", "6f2919" : "0b140a" },
- { "ffca8a" : "4681c0", "e0975c" : "284672", "a85636" : "161b3b", "6f2919" : "0c0e22" },
- { "ffca8a" : "7d4794", "e0975c" : "4d245d", "a85636" : "221328", "6f2919" : "0f0912" },
- { "ffca8a" : "d46bd7", "e0975c" : "7c377b", "a85636" : "30172e", "6f2919" : "170b16" },
- { "ffca8a" : "a36948", "e0975c" : "683a23", "a85636" : "2d1a12", "6f2919" : "170d09" }
- ]
- }
- },
- "robot" : {
- "variables" : {
- "altOptionAsUndyColor" : true,
- "altOptionAsFacialMask" : false,
- "altOptionAshairColor" : true,
- "headOptionAsHairColor" : true,
- "headOptionAsFacialHair" : false,
- "hairColorAsBodySubColor" : true,
- "names" : [ "paintColor", "lightsColor", "headMod", "detailColor" ],
- "genders" : {
- "iconOffset" : 2,
- "male" : {
- "hair" : {
- "offsetY" : 1,
- "count" : 77
- },
- "facialMask" : {
- "offsetY" : -1,
- "count" : -1
- },
- "facialHair" : {
- "offsetY" : -1,
- "count" : -1
- }
- },
- "female" : {
- "hair" : {
- "offsetY" : 1,
- "count" : 77
- },
- "facialMask" : {
- "offsetY" : -1,
- "count" : -1
- },
- "facialHair" : {
- "offsetY" : -1,
- "count" : -1
- }
- }
- },
- "colors" : {
- "skinColor" : [
- { "ffca8a" : "f0f0f0", "e0975c" : "b1b1b1", "a85636" : "747474", "6f2919" : "4c4c4c" },
- { "ffca8a" : "d0d4e9", "e0975c" : "90a0cc", "a85636" : "566b86", "6f2919" : "314354" },
- { "ffca8a" : "f6cccc", "e0975c" : "d57979", "a85636" : "98464d", "6f2919" : "632530" },
- { "ffca8a" : "f9f9e9", "e0975c" : "d3d075", "a85636" : "938341", "6f2919" : "5f4d22" },
- { "ffca8a" : "f3d9b8", "e0975c" : "d49c6f", "a85636" : "995c44", "6f2919" : "643024" },
- { "ffca8a" : "e1f6c8", "e0975c" : "9fd776", "a85636" : "4e9944", "6f2919" : "2c6424" },
- { "ffca8a" : "ecd2f2", "e0975c" : "bc8dd0", "a85636" : "70528b", "6f2919" : "412e59" },
- { "ffca8a" : "f8e7f8", "e0975c" : "dca1dc", "a85636" : "9e5a9c", "6f2919" : "683267" },
- { "ffca8a" : "ffffff", "e0975c" : "d5d3d8", "a85636" : "7d7d89", "6f2919" : "515151" },
- { "ffca8a" : "949494", "e0975c" : "696969", "a85636" : "434343", "6f2919" : "0f0f0f" }
- ],
- "undyColor" : [
- { "f32200" : "ef0000", "dc1f00" : "ae0000" },
- { "f32200" : "f57d00", "dc1f00" : "be6200" },
- { "f32200" : "efea00", "dc1f00" : "b5b200" },
- { "f32200" : "00ef14", "dc1f00" : "00ae0e" },
- { "f32200" : "008df5", "dc1f00" : "0068b3" },
- { "f32200" : "d400ff", "dc1f00" : "b100d6" },
- { "f32200" : "ef00da", "dc1f00" : "c000d1" },
- { "f32200" : "00edef", "dc1f00" : "00acae" },
- { "f32200" : "ef0063", "dc1f00" : "ae0048" },
- { "f32200" : "ffffff", "dc1f00" : "cbcbcb" }
- ],
- "hairColor" : [
- { "d9c189" : "74665b", "a38d59" : "524840", "735e3a" : "231f1b" },
- { "d9c189" : "536a7c", "a38d59" : "3a4b58", "735e3a" : "181e25" },
- { "d9c189" : "805b4e", "a38d59" : "5b4037", "735e3a" : "271c17" },
- { "d9c189" : "868148", "a38d59" : "5f5b32", "735e3a" : "292915" },
- { "d9c189" : "80704e", "a38d59" : "5b5037", "735e3a" : "272317" },
- { "d9c189" : "6a7c53", "a38d59" : "4b583a", "735e3a" : "1e2518" },
- { "d9c189" : "77537c", "a38d59" : "553a58", "735e3a" : "251825" },
- { "d9c189" : "696969", "a38d59" : "434343", "735e3a" : "0f0f0f" }
- ]
- }
- },
- "armors" : {
- "names" : ["craftsmen","merchant","noble","peasant",null],
- "armorColors" : [
- { "ffca8a" : "a37e58", "e0975c" : "614d2f", "a85636" : "2d2514", "6f2919" : "161209" },
- { "ffca8a" : "727272", "e0975c" : "414141", "a85636" : "1c1c1c", "6f2919" : "0b0b0b" },
- { "ffca8a" : "e9e9e9", "e0975c" : "727272", "a85636" : "333333", "6f2919" : "161616" },
- { "ffca8a" : "ba3f36", "e0975c" : "7a2622", "a85636" : "411114", "6f2919" : "25090c" },
- { "ffca8a" : "d77b24", "e0975c" : "794317", "a85636" : "3a1f0f", "6f2919" : "1d1009" },
- { "ffca8a" : "eedb53", "e0975c" : "928132", "a85636" : "42381a", "6f2919" : "262010" },
- { "ffca8a" : "6c9e4a", "e0975c" : "395b2b", "a85636" : "1b2e16", "6f2919" : "0b140a" },
- { "ffca8a" : "4681c0", "e0975c" : "284672", "a85636" : "161b3b", "6f2919" : "0c0e22" },
- { "ffca8a" : "7d4794", "e0975c" : "4d245d", "a85636" : "221328", "6f2919" : "0f0912" },
- { "ffca8a" : "d46bd7", "e0975c" : "7c377b", "a85636" : "30172e", "6f2919" : "170b16" },
- { "ffca8a" : "a36948", "e0975c" : "683a23", "a85636" : "2d1a12", "6f2919" : "170d09" }
- ]
- }
- },
- "novakid" : {
- "variables" : {
- "altOptionAsUndyColor" : false,
- "altOptionAsFacialMask" : true,
- "headOptionAsHairColor" : false,
- "headOptionAsFacialHair" : true,
- "names" : [ "color", "bellyButton", "hair", "brand" ],
- "genders" : {
- "iconOffset" : 0,
- "male" : {
- "hair" : {
- "offsetY" : 1,
- "count" : 20
- },
- "facialMask" : {
- "offsetY" : 3,
- "count" : 2
- },
- "facialHair" : {
- "offsetY" : 4,
- "count" : 20
- }
- },
- "female" : {
- "hair" : {
- "offsetY" : 2,
- "count" : 20
- },
- "facialMask" : {
- "offsetY" : 3,
- "count" : 2
- },
- "facialHair" : {
- "offsetY" : 4,
- "count" : 20
- }
- }
- },
- "colors" : {
- "skinColor" : [
- { "fff8b5" : "fff8b5", "fde03f" : "fde03f", "f6b919" : "f6b919", "806319" : "352b12" },
- { "fff8b5" : "ffedc4", "fde03f" : "feb05c", "f6b919" : "fa8131", "806319" : "40110a" },
- { "fff8b5" : "ffe2c9", "fde03f" : "fe9875", "f6b919" : "ef5443", "806319" : "4f160d" },
- { "fff8b5" : "fee5ff", "fde03f" : "f6bbf9", "f6b919" : "f57afc", "806319" : "4c2153" },
- { "fff8b5" : "fedbff", "fde03f" : "da89f7", "f6b919" : "ae38f1", "806319" : "340e52" },
- { "fff8b5" : "c7feff", "fde03f" : "56ebf8", "f6b919" : "12c2e8", "806319" : "0c2b4b" },
- { "fff8b5" : "c3fffc", "fde03f" : "4df4df", "f6b919" : "0cd6b8", "806319" : "0c482d" },
- { "fff8b5" : "c7ffdc", "fde03f" : "63f574", "f6b919" : "17dc0d", "806319" : "0d500f" },
- { "fff8b5" : "fffdae", "fde03f" : "c9f236", "f6b919" : "8ae100", "806319" : "2d510d" },
- { "fff8b5" : "deffff", "fde03f" : "a2dbdb", "f6b919" : "6ea2a9", "806319" : "222d33" }
+ "species": {
+ "human": {
+ "variables": {
+ "altOptionAsUndyColor": true,
+ "altOptionAsFacialMask": false,
+ "headOptionAsHairColor": true,
+ "headOptionAsFacialHair": false,
+ "names": ["skinColor", "undyColor", "hairStyle", "hairColor"],
+ "genders": {
+ "iconOffset": 0,
+ "male": {
+ "hair": {
+ "offsetY": 1,
+ "count": 61
+ },
+ "facialMask": {
+ "offsetY": -1,
+ "count": -1
+ },
+ "facialHair": {
+ "offsetY": -1,
+ "count": -1
+ }
+ },
+ "female": {
+ "hair": {
+ "offsetY": 4,
+ "count": 55
+ },
+ "facialMask": {
+ "offsetY": -1,
+ "count": -1
+ },
+ "facialHair": {
+ "offsetY": -1,
+ "count": -1
+ }
+ }
+ },
+ "colors": {
+ "skinColor": [
+ { "ffe2c5": "ffe9d3", "ffc181": "ffc181", "d39c6c": "d39c6c", "c7815b": "b97551" },
+ { "ffe2c5": "fff6f6", "ffc181": "f7d5d3", "d39c6c": "d1aaa1", "c7815b": "a27f70" },
+ { "ffe2c5": "fff7ec", "ffc181": "f9d3a9", "d39c6c": "d3a57c", "c7815b": "b37c5d" },
+ { "ffe2c5": "fbe1d4", "ffc181": "f6baa2", "d39c6c": "cc9582", "c7815b": "ac7261" },
+ { "ffe2c5": "f4e0ba", "ffc181": "e9b768", "d39c6c": "c18f54", "c7815b": "a2683d" },
+ { "ffe2c5": "e8cebc", "ffc181": "cfa97d", "d39c6c": "ae774b", "c7815b": "804e34" },
+ { "ffe2c5": "e1b98d", "ffc181": "c88959", "d39c6c": "9e6a4d", "c7815b": "784930" },
+ { "ffe2c5": "c9b181", "ffc181": "ac8348", "d39c6c": "87633f", "c7815b": "694c31" },
+ { "ffe2c5": "c5ad98", "ffc181": "a47a59", "d39c6c": "865d40", "c7815b": "66412e" },
+ { "ffe2c5": "ab8c77", "ffc181": "86644a", "d39c6c": "684431", "c7815b": "40271d" }
+ ],
+ "undyColor": [
+ { "dc1f00": "4d76ad", "be1b00": "395187", "951500": "20325b" },
+ { "dc1f00": "7c41b8", "be1b00": "6c2f90", "951500": "471962" },
+ { "dc1f00": "c63442", "be1b00": "9b2724", "951500": "6a1210" },
+ { "dc1f00": "eaa245", "be1b00": "b47020", "951500": "834a0c" },
+ { "dc1f00": "e3e13a", "be1b00": "a8a614", "951500": "848008" },
+ { "dc1f00": "6ab841", "be1b00": "45902f", "951500": "296219" },
+ { "dc1f00": "535353", "be1b00": "363636", "951500": "111111" },
+ { "dc1f00": "e6e6e6", "be1b00": "979797", "951500": "6f6f6f" },
+ { "dc1f00": "9e9e9e", "be1b00": "6e6e6e", "951500": "434343" },
+ { "dc1f00": "f794f8", "be1b00": "d355c1", "951500": "b72c95" }
+ ],
+ "hairColor": [
+ { "d9c189": "525252", "a38d59": "363636", "735e3a": "161616" },
+ { "d9c189": "50422f", "a38d59": "36261e", "735e3a": "170f0d" },
+ { "d9c189": "7f5a39", "a38d59": "5b3523", "735e3a": "3b1f15" },
+ { "d9c189": "a6671d", "a38d59": "915622", "735e3a": "743e1d" },
+ { "d9c189": "e6e756", "a38d59": "c7ac3f", "735e3a": "a9882f" },
+ { "d9c189": "f2eba3", "a38d59": "dcd28c", "735e3a": "c2b677" },
+ { "d9c189": "7d3c1c", "a38d59": "4d240b", "735e3a": "2d1606" },
+ { "d9c189": "ad2716", "a38d59": "8f1f1b", "735e3a": "731a1a" },
+ { "d9c189": "b8b8b8", "a38d59": "828282", "735e3a": "555555" },
+ { "d9c189": "eaeaea", "a38d59": "b8b8b8", "735e3a": "828282" },
+ { "d9c189": "6f6d85", "a38d59": "525269", "735e3a": "3e4352" },
+ { "d9c189": "cd72d9", "a38d59": "ac4da6", "735e3a": "913b86" },
+ { "d9c189": "425879", "a38d59": "343965", "735e3a": "242247" },
+ { "d9c189": "5d8bc7", "a38d59": "4d55b0", "735e3a": "2e2a73" },
+ { "d9c189": "653b7f", "a38d59": "562e6a", "735e3a": "3f1d4b" },
+ { "d9c189": "7f3b6d", "a38d59": "6a2e53", "735e3a": "4b1d30" },
+ { "d9c189": "efa838", "a38d59": "be6d1d", "735e3a": "834012" },
+ { "d9c189": "4ece61", "a38d59": "34ae47", "735e3a": "228a38" },
+ { "d9c189": "3b7f44", "a38d59": "2e6a38", "735e3a": "1d4b28" },
+ { "d9c189": "74726f", "a38d59": "53504d", "735e3a": "2a251e" }
+ ]
+ }
+ },
+ "armors": {
+ "names": ["concept", "cool", "sweatervest", "workout", null],
+ "armorColors": [
+ { "ffca8a": "809ebe", "e0975c": "485971", "a85636": "273040", "6f2919": "11151e" },
+ { "ffca8a": "727272", "e0975c": "414141", "a85636": "1c1c1c", "6f2919": "0b0b0b" },
+ { "ffca8a": "e9e9e9", "e0975c": "727272", "a85636": "333333", "6f2919": "161616" },
+ { "ffca8a": "ba3f36", "e0975c": "7a2622", "a85636": "411114", "6f2919": "25090c" },
+ { "ffca8a": "d77b24", "e0975c": "794317", "a85636": "3a1f0f", "6f2919": "1d1009" },
+ { "ffca8a": "eedb53", "e0975c": "928132", "a85636": "42381a", "6f2919": "262010" },
+ { "ffca8a": "6c9e4a", "e0975c": "395b2b", "a85636": "1b2e16", "6f2919": "0b140a" },
+ { "ffca8a": "4681c0", "e0975c": "284672", "a85636": "161b3b", "6f2919": "0c0e22" },
+ { "ffca8a": "7d4794", "e0975c": "4d245d", "a85636": "221328", "6f2919": "0f0912" },
+ { "ffca8a": "d46bd7", "e0975c": "7c377b", "a85636": "30172e", "6f2919": "170b16" },
+ { "ffca8a": "a36948", "e0975c": "683a23", "a85636": "2d1a12", "6f2919": "170d09" }
+ ]
+ }
+ },
+ "avian": {
+ "variables": {
+ "altOptionAsUndyColor": false,
+ "altOptionAsFacialMask": true,
+ "headOptionAsHairColor": false,
+ "headOptionAsFacialHair": true,
+ "names": ["featherColor", "beakStyle", "plumage", "fluff"],
+ "genders": {
+ "iconOffset": 0,
+ "male": {
+ "hair": {
+ "offsetY": 3,
+ "count": 24
+ },
+ "facialMask": {
+ "offsetY": 1,
+ "count": 10
+ },
+ "facialHair": {
+ "offsetY": 2,
+ "count": 10
+ }
+ },
+ "female": {
+ "hair": {
+ "offsetY": 3,
+ "count": 24
+ },
+ "facialMask": {
+ "offsetY": 1,
+ "count": 10
+ },
+ "facialHair": {
+ "offsetY": 2,
+ "count": 10
+ }
+ }
+ },
+ "colors": {
+ "skinColor": [
+ {
+ "ffca8a": "f0608b",
+ "e0975c": "cd5061",
+ "a85636": "95484c",
+ "6f2919": "6a3836",
+ "f32200": "f6fbfb",
+ "dc1f00": "d7e8e8",
+ "be1b00": "8fa7a3",
+ "951500": "5d6d69",
+ "d9c189": "eacf60",
+ "a38d59": "c1a24e",
+ "735e3a": "977841"
+ },
+ {
+ "ffca8a": "7fdadd",
+ "e0975c": "61aebf",
+ "a85636": "4e7a90",
+ "6f2919": "3f566e",
+ "f32200": "f6fbfb",
+ "dc1f00": "d7e8e8",
+ "be1b00": "8fa7a3",
+ "951500": "5d6d69",
+ "d9c189": "eacf60",
+ "a38d59": "c1a24e",
+ "735e3a": "977841"
+ },
+ {
+ "ffca8a": "add068",
+ "e0975c": "85ac1b",
+ "a85636": "6e8210",
+ "6f2919": "596809",
+ "f32200": "f6fbfb",
+ "dc1f00": "d7e8e8",
+ "be1b00": "8fa7a3",
+ "951500": "5d6d69",
+ "d9c189": "eacf60",
+ "a38d59": "c1a24e",
+ "735e3a": "977841"
+ },
+ {
+ "ffca8a": "f3efa3",
+ "e0975c": "e3d965",
+ "a85636": "baa94a",
+ "6f2919": "98832d",
+ "f32200": "f6fbfb",
+ "dc1f00": "d7e8e8",
+ "be1b00": "8fa7a3",
+ "951500": "5d6d69",
+ "d9c189": "efad56",
+ "a38d59": "c5813e",
+ "735e3a": "9b6638"
+ },
+ {
+ "ffca8a": "998779",
+ "e0975c": "836752",
+ "a85636": "625244",
+ "6f2919": "4e3b2e",
+ "f32200": "f6fbfb",
+ "dc1f00": "d7e8e8",
+ "be1b00": "8fa7a3",
+ "951500": "5d6d69",
+ "d9c189": "efad56",
+ "a38d59": "c5813e",
+ "735e3a": "9b6638"
+ },
+ {
+ "ffca8a": "737275",
+ "e0975c": "595760",
+ "a85636": "3f3e43",
+ "6f2919": "212123",
+ "f32200": "f6fbfb",
+ "dc1f00": "d7e8e8",
+ "be1b00": "8fa7a3",
+ "951500": "5d6d69",
+ "d9c189": "eacf60",
+ "a38d59": "c1a24e",
+ "735e3a": "977841"
+ },
+ {
+ "ffca8a": "eebfea",
+ "e0975c": "de8ddd",
+ "a85636": "c060bb",
+ "6f2919": "9a4b9c",
+ "f32200": "f6fbfb",
+ "dc1f00": "d7e8e8",
+ "be1b00": "8fa7a3",
+ "951500": "5d6d69",
+ "d9c189": "eae660",
+ "a38d59": "c1b54e",
+ "735e3a": "978841"
+ },
+ {
+ "ffca8a": "d18bd5",
+ "e0975c": "a766bc",
+ "a85636": "814797",
+ "6f2919": "693367",
+ "f32200": "f6fbfb",
+ "dc1f00": "d7e8e8",
+ "be1b00": "8fa7a3",
+ "951500": "5d6d69",
+ "d9c189": "efad56",
+ "a38d59": "c5813e",
+ "735e3a": "9b6638"
+ },
+ {
+ "ffca8a": "f3c873",
+ "e0975c": "db9c38",
+ "a85636": "b17628",
+ "6f2919": "89561f",
+ "f32200": "f6fbfb",
+ "dc1f00": "d7e8e8",
+ "be1b00": "8fa7a3",
+ "951500": "5d6d69",
+ "d9c189": "eae660",
+ "a38d59": "c1b54e",
+ "735e3a": "978841"
+ },
+ {
+ "ffca8a": "deeded",
+ "e0975c": "c5d8d8",
+ "a85636": "96aba9",
+ "6f2919": "6f807e",
+ "f32200": "f6fbfb",
+ "dc1f00": "d7e8e8",
+ "be1b00": "8fa7a3",
+ "951500": "5d6d69",
+ "d9c189": "eacf60",
+ "a38d59": "c1a24e",
+ "735e3a": "977841"
+ }
+ ],
+ "undyColor": [],
+ "hairColor": []
+ }
+ },
+ "armors": {
+ "names": ["adventurer", "commoner", "fancy", "worker", null],
+ "armorColors": [
+ { "ffca8a": "d4c398", "e0975c": "a28959", "a85636": "715833", "6f2919": "43331e" },
+ { "ffca8a": "727272", "e0975c": "414141", "a85636": "1c1c1c", "6f2919": "0b0b0b" },
+ { "ffca8a": "e9e9e9", "e0975c": "727272", "a85636": "333333", "6f2919": "161616" },
+ { "ffca8a": "ba3f36", "e0975c": "7a2622", "a85636": "411114", "6f2919": "25090c" },
+ { "ffca8a": "d77b24", "e0975c": "794317", "a85636": "3a1f0f", "6f2919": "1d1009" },
+ { "ffca8a": "eedb53", "e0975c": "928132", "a85636": "42381a", "6f2919": "262010" },
+ { "ffca8a": "6c9e4a", "e0975c": "395b2b", "a85636": "1b2e16", "6f2919": "0b140a" },
+ { "ffca8a": "4681c0", "e0975c": "284672", "a85636": "161b3b", "6f2919": "0c0e22" },
+ { "ffca8a": "7d4794", "e0975c": "4d245d", "a85636": "221328", "6f2919": "0f0912" },
+ { "ffca8a": "d46bd7", "e0975c": "7c377b", "a85636": "30172e", "6f2919": "170b16" },
+ { "ffca8a": "a36948", "e0975c": "683a23", "a85636": "2d1a12", "6f2919": "170d09" }
+ ]
+ }
+ },
+ "apex": {
+ "variables": {
+ "altOptionAsUndyColor": true,
+ "altOptionAsFacialMask": false,
+ "headOptionAsHairColor": false,
+ "headOptionAsFacialHair": true,
+ "names": ["furColor", "skinColor", "hairStyle", "beardStyle"],
+ "genders": {
+ "iconOffset": 0,
+ "male": {
+ "hair": {
+ "offsetY": 3,
+ "count": 25
+ },
+ "facialMask": {
+ "offsetY": -1,
+ "count": -1
+ },
+ "facialHair": {
+ "offsetY": 1,
+ "count": 22
+ }
+ },
+ "female": {
+ "hair": {
+ "offsetY": 5,
+ "count": 20
+ },
+ "facialMask": {
+ "offsetY": -1,
+ "count": -1
+ },
+ "facialHair": {
+ "offsetY": 2,
+ "count": 15
+ }
+ }
+ },
+ "colors": {
+ "skinColor": [
+ { "e0975c": "7e5938", "a85636": "5d3e25", "6f2919": "422a18" },
+ { "e0975c": "595760", "a85636": "3f3e43", "6f2919": "212123" },
+ { "e0975c": "d98f30", "a85636": "a4601e", "6f2919": "794515" },
+ { "e0975c": "8f4a24", "a85636": "66351f", "6f2919": "522b1d" },
+ { "e0975c": "e4f3f3", "a85636": "a7b9b9", "6f2919": "7b8888" },
+ { "e0975c": "7e5938", "a85636": "5d3e25", "6f2919": "422a18" },
+ { "e0975c": "c43d3d", "a85636": "961e21", "6f2919": "751922" },
+ { "e0975c": "597e38", "a85636": "415d25", "6f2919": "2e4218" },
+ { "e0975c": "fbf6c4", "a85636": "cac488", "6f2919": "959166" }
+ ],
+ "undyColor": [
+ { "f7e7b2": "ffe2c5", "d9c189": "ffc181", "a38d59": "d39c6c", "735e3a": "c7815b" },
+ { "f7e7b2": "f0d6b9", "d9c189": "e5b078", "a38d59": "bb8c5e", "735e3a": "a66c46" },
+ { "f7e7b2": "ecfeff", "d9c189": "c1e4eb", "a38d59": "829fc6", "735e3a": "5c6d86" },
+ { "f7e7b2": "c8cee0", "d9c189": "a3a7b2", "a38d59": "7c8094", "735e3a": "5f5f73" },
+ { "f7e7b2": "d6cecb", "d9c189": "b6b0ae", "a38d59": "978d88", "735e3a": "787069" },
+ { "f7e7b2": "ebcfd2", "d9c189": "dda9b0", "a38d59": "c37e80", "735e3a": "96635c" },
+ { "f7e7b2": "e9c08b", "d9c189": "d29a5f", "a38d59": "ac7955", "735e3a": "8c5d44" },
+ { "f7e7b2": "c6cddf", "d9c189": "95a0b4", "a38d59": "727a86", "735e3a": "5b6165" },
+ { "f7e7b2": "fffdea", "d9c189": "fff499", "a38d59": "d4c574", "735e3a": "bfa458" },
+ { "f7e7b2": "ffd5d6", "d9c189": "ff9596", "a38d59": "d4787c", "735e3a": "bd5767" }
+ ],
+ "hairColor": []
+ }
+ },
+ "armors": {
+ "names": ["commander", "navy", "officer", "specialist", null],
+ "armorColors": [
+ { "ffca8a": "aeb6ab", "e0975c": "788377", "a85636": "535d56", "6f2919": "383f3a" },
+ { "ffca8a": "727272", "e0975c": "414141", "a85636": "1c1c1c", "6f2919": "0b0b0b" },
+ { "ffca8a": "e9e9e9", "e0975c": "727272", "a85636": "333333", "6f2919": "161616" },
+ { "ffca8a": "ba3f36", "e0975c": "7a2622", "a85636": "411114", "6f2919": "25090c" },
+ { "ffca8a": "d77b24", "e0975c": "794317", "a85636": "3a1f0f", "6f2919": "1d1009" },
+ { "ffca8a": "eedb53", "e0975c": "928132", "a85636": "42381a", "6f2919": "262010" },
+ { "ffca8a": "6c9e4a", "e0975c": "395b2b", "a85636": "1b2e16", "6f2919": "0b140a" },
+ { "ffca8a": "4681c0", "e0975c": "284672", "a85636": "161b3b", "6f2919": "0c0e22" },
+ { "ffca8a": "7d4794", "e0975c": "4d245d", "a85636": "221328", "6f2919": "0f0912" },
+ { "ffca8a": "d46bd7", "e0975c": "7c377b", "a85636": "30172e", "6f2919": "170b16" },
+ { "ffca8a": "a36948", "e0975c": "683a23", "a85636": "2d1a12", "6f2919": "170d09" }
+ ]
+ }
+ },
+ "floran": {
+ "variables": {
+ "altOptionAsUndyColor": true,
+ "altOptionAsFacialMask": false,
+ "altOptionAshairColor": true,
+ "headOptionAsHairColor": true,
+ "headOptionAsFacialHair": false,
+ "names": ["skinColor", "leafColor", "foliage", "flowerColor"],
+ "genders": {
+ "iconOffset": 1,
+ "male": {
+ "hair": {
+ "offsetY": 1,
+ "count": 39
+ },
+ "facialMask": {
+ "offsetY": -1,
+ "count": -1
+ },
+ "facialHair": {
+ "offsetY": -1,
+ "count": -1
+ }
+ },
+ "female": {
+ "hair": {
+ "offsetY": 1,
+ "count": 39
+ },
+ "facialMask": {
+ "offsetY": -1,
+ "count": -1
+ },
+ "facialHair": {
+ "offsetY": -1,
+ "count": -1
+ }
+ }
+ },
+ "colors": {
+ "skinColor": [
+ { "ffca8a": "c4d0a5", "e0975c": "a3af83", "a85636": "7f8760", "6f2919": "5e6142" },
+ { "ffca8a": "d08c9f", "e0975c": "b27082", "a85636": "874e62", "6f2919": "603347" },
+ { "ffca8a": "d8d695", "e0975c": "b9b778", "a85636": "908a56", "6f2919": "685f3a" },
+ { "ffca8a": "a6cbd2", "e0975c": "7ca7af", "a85636": "558287", "6f2919": "386362" },
+ { "ffca8a": "cb86d6", "e0975c": "ac6ab7", "a85636": "7e498c", "6f2919": "542f64" },
+ { "ffca8a": "b7d179", "e0975c": "8eab59", "a85636": "808a44", "6f2919": "5e6534" },
+ { "ffca8a": "b9997a", "e0975c": "9f7761", "a85636": "85594a", "6f2919": "6a3e36" },
+ { "ffca8a": "a8c2c4", "e0975c": "8ba4a6", "a85636": "677f7f", "6f2919": "485b59" },
+ { "ffca8a": "e47068", "e0975c": "c54848", "a85636": "952f45", "6f2919": "65223a" },
+ { "ffca8a": "e3da89", "e0975c": "c5bd6d", "a85636": "9a8d4c", "6f2919": "705f32" }
+ ],
+ "undyColor": [
+ { "f7e7b2": "96c072", "d9c189": "81996c", "a38d59": "667552", "735e3a": "515a3f" },
+ { "f7e7b2": "d1ce79", "d9c189": "a9ab59", "a38d59": "837d43", "735e3a": "655c34" },
+ { "f7e7b2": "71c1b4", "d9c189": "6b9991", "a38d59": "51756b", "735e3a": "3e5a50" },
+ { "f7e7b2": "eaa553", "d9c189": "cc7f39", "a38d59": "9c552a", "735e3a": "783920" },
+ { "f7e7b2": "e47068", "d9c189": "c54848", "a38d59": "952f45", "735e3a": "65223a" },
+ { "f7e7b2": "ffe9ef", "d9c189": "f6bcd2", "a38d59": "d96d94", "735e3a": "b0425e" },
+ { "f7e7b2": "71d275", "d9c189": "55aa57", "a38d59": "3e803a", "735e3a": "2f5f2a" },
+ { "f7e7b2": "c19e75", "d9c189": "a97e5b", "a38d59": "82563c", "735e3a": "623c2b" },
+ { "f7e7b2": "e4e568", "d9c189": "cac056", "a38d59": "9b8838", "735e3a": "786025" },
+ { "f7e7b2": "b774be", "d9c189": "946d98", "a38d59": "6d5374", "735e3a": "513f59" }
+ ],
+ "hairColor": [
+ { "f32200": "be5645", "dc1f00": "972b2b", "be1b00": "6f191f" },
+ { "f32200": "ebac59", "dc1f00": "d26434", "be1b00": "a43829" },
+ { "f32200": "a0d8ea", "dc1f00": "62a2d2", "be1b00": "3d6fa3" },
+ { "f32200": "c655c1", "dc1f00": "92379d", "be1b00": "60226e" },
+ { "f32200": "818181", "dc1f00": "616161", "be1b00": "444444" },
+ { "f32200": "e4e9e9", "dc1f00": "aeb8b8", "be1b00": "757d7e" },
+ { "f32200": "e4df6a", "dc1f00": "b7ab42", "be1b00": "847629" },
+ { "f32200": "68689a", "dc1f00": "4b5177", "be1b00": "323955" },
+ { "f32200": "81996c", "dc1f00": "667552", "be1b00": "515a3f" },
+ { "f32200": "f6bcd2", "dc1f00": "d96d94", "be1b00": "b0425e" }
+ ]
+ }
+ },
+ "armors": {
+ "names": ["furnivour", "hunter", "leaf", "pelt", "survivalist", null],
+ "armorColors": [
+ { "ffca8a": "ba2c72", "e0975c": "79173e", "a85636": "421128", "6f2919": "220b16" },
+ { "ffca8a": "727272", "e0975c": "414141", "a85636": "1c1c1c", "6f2919": "0b0b0b" },
+ { "ffca8a": "e9e9e9", "e0975c": "727272", "a85636": "333333", "6f2919": "161616" },
+ { "ffca8a": "ba3f36", "e0975c": "7a2622", "a85636": "411114", "6f2919": "25090c" },
+ { "ffca8a": "d77b24", "e0975c": "794317", "a85636": "3a1f0f", "6f2919": "1d1009" },
+ { "ffca8a": "eedb53", "e0975c": "928132", "a85636": "42381a", "6f2919": "262010" },
+ { "ffca8a": "6c9e4a", "e0975c": "395b2b", "a85636": "1b2e16", "6f2919": "0b140a" },
+ { "ffca8a": "4681c0", "e0975c": "284672", "a85636": "161b3b", "6f2919": "0c0e22" },
+ { "ffca8a": "7d4794", "e0975c": "4d245d", "a85636": "221328", "6f2919": "0f0912" },
+ { "ffca8a": "d46bd7", "e0975c": "7c377b", "a85636": "30172e", "6f2919": "170b16" },
+ { "ffca8a": "a36948", "e0975c": "683a23", "a85636": "2d1a12", "6f2919": "170d09" }
+ ]
+ }
+ },
+ "hylotl": {
+ "variables": {
+ "altOptionAsUndyColor": true,
+ "altOptionAsFacialMask": false,
+ "altOptionAshairColor": true,
+ "headOptionAsHairColor": true,
+ "headOptionAsFacialHair": false,
+ "hairColorAsBodySubColor": true,
+ "names": ["skinColor", "bellyColor", "fins", "finColor"],
+ "genders": {
+ "iconOffset": 0,
+ "male": {
+ "hair": {
+ "offsetY": 1,
+ "count": 31
+ },
+ "facialMask": {
+ "offsetY": -1,
+ "count": -1
+ },
+ "facialHair": {
+ "offsetY": -1,
+ "count": -1
+ }
+ },
+ "female": {
+ "hair": {
+ "offsetY": 1,
+ "count": 31
+ },
+ "facialMask": {
+ "offsetY": -1,
+ "count": -1
+ },
+ "facialHair": {
+ "offsetY": -1,
+ "count": -1
+ }
+ }
+ },
+ "colors": {
+ "skinColor": [
+ { "ffca8a": "DBF4B8", "e0975c": "A4D66B", "a85636": "6F9E47", "6f2919": "426D26" },
+ { "ffca8a": "B8F4BB", "e0975c": "72DD7E", "a85636": "4AA559", "6f2919": "266535" },
+ { "ffca8a": "F1EABB", "e0975c": "D8D077", "a85636": "A09E4E", "6f2919": "5F6229" },
+ { "ffca8a": "B8F4D9", "e0975c": "72DDB3", "a85636": "4AA586", "6f2919": "266554" },
+ { "ffca8a": "B1F1FE", "e0975c": "5DD1EC", "a85636": "3491AA", "6f2919": "196072" },
+ { "ffca8a": "b5c2fa", "e0975c": "758bf8", "a85636": "4a5ba5", "6f2919": "272665" },
+ { "ffca8a": "E2B2FF", "e0975c": "B374D4", "a85636": "7C4992", "6f2919": "4B2655" },
+ { "ffca8a": "ffffff", "e0975c": "d7d5db", "a85636": "8e8e9b", "6f2919": "6d6d6d" },
+ { "ffca8a": "9E9E9E", "e0975c": "696969", "a85636": "434343", "6f2919": "191919" },
+ { "ffca8a": "F9D9DA", "e0975c": "EAB2B5", "a85636": "CC8288", "6f2919": "A55B61" }
+ ],
+ "undyColor": [
+ { "f32200": "DBF4B8", "dc1f00": "A4D66B", "be1b00": "6F9E47", "951500": "426D26" },
+ { "f32200": "B8F4BB", "dc1f00": "72DD7E", "be1b00": "4AA559", "951500": "266535" },
+ { "f32200": "F1EABB", "dc1f00": "D8D077", "be1b00": "A09E4E", "951500": "5F6229" },
+ { "f32200": "B8F4D9", "dc1f00": "72DDB3", "be1b00": "4AA586", "951500": "266554" },
+ { "f32200": "B1F1FE", "dc1f00": "5DD1EC", "be1b00": "3491AA", "951500": "196072" },
+ { "f32200": "b5c2fa", "dc1f00": "758bf8", "be1b00": "4a5ba5", "951500": "272665" },
+ { "f32200": "E2B2FF", "dc1f00": "B374D4", "be1b00": "7C4992", "951500": "4B2655" },
+ { "f32200": "ffffff", "dc1f00": "d7d5db", "be1b00": "8e8e9b", "951500": "6d6d6d" },
+ { "f32200": "9E9E9E", "dc1f00": "696969", "be1b00": "434343", "951500": "191919" },
+ { "f32200": "F9D9DA", "dc1f00": "EAB2B5", "be1b00": "CC8288", "951500": "A55B61" }
+ ],
+ "hairColor": [
+ { "f7e7b2": "DBF4B8", "d9c189": "A4D66B", "a38d59": "6F9E47", "735e3a": "426D26" },
+ { "f7e7b2": "B8F4BB", "d9c189": "72DD7E", "a38d59": "4AA559", "735e3a": "266535" },
+ { "f7e7b2": "F1EABB", "d9c189": "D8D077", "a38d59": "A09E4E", "735e3a": "5F6229" },
+ { "f7e7b2": "B8F4D9", "d9c189": "72DDB3", "a38d59": "4AA586", "735e3a": "266554" },
+ { "f7e7b2": "B1F1FE", "d9c189": "5DD1EC", "a38d59": "3491AA", "735e3a": "196072" },
+ { "f7e7b2": "b5c2fa", "d9c189": "758bf8", "a38d59": "4a5ba5", "735e3a": "272665" },
+ { "f7e7b2": "E2B2FF", "d9c189": "B374D4", "a38d59": "7C4992", "735e3a": "4B2655" },
+ { "f7e7b2": "ffffff", "d9c189": "d7d5db", "a38d59": "8e8e9b", "735e3a": "6d6d6d" },
+ { "f7e7b2": "9E9E9E", "d9c189": "696969", "a38d59": "434343", "735e3a": "191919" },
+ { "f7e7b2": "F9D9DA", "d9c189": "EAB2B5", "a38d59": "CC8288", "735e3a": "A55B61" }
+ ]
+ }
+ },
+ "armors": {
+ "names": ["kimono", "monk", "traditional", "trainee", null],
+ "armorColors": [
+ { "ffca8a": "65c1df", "e0975c": "257e8b", "a85636": "113f43", "6f2919": "061818" },
+ { "ffca8a": "727272", "e0975c": "414141", "a85636": "1c1c1c", "6f2919": "0b0b0b" },
+ { "ffca8a": "e9e9e9", "e0975c": "727272", "a85636": "333333", "6f2919": "161616" },
+ { "ffca8a": "ba3f36", "e0975c": "7a2622", "a85636": "411114", "6f2919": "25090c" },
+ { "ffca8a": "d77b24", "e0975c": "794317", "a85636": "3a1f0f", "6f2919": "1d1009" },
+ { "ffca8a": "eedb53", "e0975c": "928132", "a85636": "42381a", "6f2919": "262010" },
+ { "ffca8a": "6c9e4a", "e0975c": "395b2b", "a85636": "1b2e16", "6f2919": "0b140a" },
+ { "ffca8a": "4681c0", "e0975c": "284672", "a85636": "161b3b", "6f2919": "0c0e22" },
+ { "ffca8a": "7d4794", "e0975c": "4d245d", "a85636": "221328", "6f2919": "0f0912" },
+ { "ffca8a": "d46bd7", "e0975c": "7c377b", "a85636": "30172e", "6f2919": "170b16" },
+ { "ffca8a": "a36948", "e0975c": "683a23", "a85636": "2d1a12", "6f2919": "170d09" }
+ ]
+ }
+ },
+ "glitch": {
+ "variables": {
+ "altOptionAsUndyColor": true,
+ "altOptionAsFacialMask": false,
+ "altOptionAshairColor": true,
+ "headOptionAsHairColor": true,
+ "headOptionAsFacialHair": false,
+ "hairColorAsBodySubColor": true,
+ "names": ["paintColor", "lightsColor", "headMod", "detailColor"],
+ "genders": {
+ "iconOffset": 2,
+ "male": {
+ "hair": {
+ "offsetY": 1,
+ "count": 77
+ },
+ "facialMask": {
+ "offsetY": -1,
+ "count": -1
+ },
+ "facialHair": {
+ "offsetY": -1,
+ "count": -1
+ }
+ },
+ "female": {
+ "hair": {
+ "offsetY": 1,
+ "count": 77
+ },
+ "facialMask": {
+ "offsetY": -1,
+ "count": -1
+ },
+ "facialHair": {
+ "offsetY": -1,
+ "count": -1
+ }
+ }
+ },
+ "colors": {
+ "skinColor": [
+ { "ffca8a": "f0f0f0", "e0975c": "b1b1b1", "a85636": "747474", "6f2919": "4c4c4c" },
+ { "ffca8a": "d0d4e9", "e0975c": "90a0cc", "a85636": "566b86", "6f2919": "314354" },
+ { "ffca8a": "f6cccc", "e0975c": "d57979", "a85636": "98464d", "6f2919": "632530" },
+ { "ffca8a": "f9f9e9", "e0975c": "d3d075", "a85636": "938341", "6f2919": "5f4d22" },
+ { "ffca8a": "f3d9b8", "e0975c": "d49c6f", "a85636": "995c44", "6f2919": "643024" },
+ { "ffca8a": "e1f6c8", "e0975c": "9fd776", "a85636": "4e9944", "6f2919": "2c6424" },
+ { "ffca8a": "ecd2f2", "e0975c": "bc8dd0", "a85636": "70528b", "6f2919": "412e59" },
+ { "ffca8a": "f8e7f8", "e0975c": "dca1dc", "a85636": "9e5a9c", "6f2919": "683267" },
+ { "ffca8a": "ffffff", "e0975c": "d5d3d8", "a85636": "7d7d89", "6f2919": "515151" },
+ { "ffca8a": "949494", "e0975c": "696969", "a85636": "434343", "6f2919": "0f0f0f" }
+ ],
+ "undyColor": [
+ { "f32200": "ef0000", "dc1f00": "ae0000" },
+ { "f32200": "f57d00", "dc1f00": "be6200" },
+ { "f32200": "efea00", "dc1f00": "b5b200" },
+ { "f32200": "00ef14", "dc1f00": "00ae0e" },
+ { "f32200": "008df5", "dc1f00": "0068b3" },
+ { "f32200": "d400ff", "dc1f00": "b100d6" },
+ { "f32200": "ef00da", "dc1f00": "c000d1" },
+ { "f32200": "00edef", "dc1f00": "00acae" },
+ { "f32200": "ef0063", "dc1f00": "ae0048" },
+ { "f32200": "ffffff", "dc1f00": "cbcbcb" }
+ ],
+ "hairColor": [
+ { "d9c189": "74665b", "a38d59": "524840", "735e3a": "231f1b" },
+ { "d9c189": "536a7c", "a38d59": "3a4b58", "735e3a": "181e25" },
+ { "d9c189": "805b4e", "a38d59": "5b4037", "735e3a": "271c17" },
+ { "d9c189": "868148", "a38d59": "5f5b32", "735e3a": "292915" },
+ { "d9c189": "80704e", "a38d59": "5b5037", "735e3a": "272317" },
+ { "d9c189": "6a7c53", "a38d59": "4b583a", "735e3a": "1e2518" },
+ { "d9c189": "77537c", "a38d59": "553a58", "735e3a": "251825" },
+ { "d9c189": "696969", "a38d59": "434343", "735e3a": "0f0f0f" }
+ ]
+ }
+ },
+ "armors": {
+ "names": ["craftsmen", "merchant", "noble", "peasant", null],
+ "armorColors": [
+ { "ffca8a": "a37e58", "e0975c": "614d2f", "a85636": "2d2514", "6f2919": "161209" },
+ { "ffca8a": "727272", "e0975c": "414141", "a85636": "1c1c1c", "6f2919": "0b0b0b" },
+ { "ffca8a": "e9e9e9", "e0975c": "727272", "a85636": "333333", "6f2919": "161616" },
+ { "ffca8a": "ba3f36", "e0975c": "7a2622", "a85636": "411114", "6f2919": "25090c" },
+ { "ffca8a": "d77b24", "e0975c": "794317", "a85636": "3a1f0f", "6f2919": "1d1009" },
+ { "ffca8a": "eedb53", "e0975c": "928132", "a85636": "42381a", "6f2919": "262010" },
+ { "ffca8a": "6c9e4a", "e0975c": "395b2b", "a85636": "1b2e16", "6f2919": "0b140a" },
+ { "ffca8a": "4681c0", "e0975c": "284672", "a85636": "161b3b", "6f2919": "0c0e22" },
+ { "ffca8a": "7d4794", "e0975c": "4d245d", "a85636": "221328", "6f2919": "0f0912" },
+ { "ffca8a": "d46bd7", "e0975c": "7c377b", "a85636": "30172e", "6f2919": "170b16" },
+ { "ffca8a": "a36948", "e0975c": "683a23", "a85636": "2d1a12", "6f2919": "170d09" }
+ ]
+ }
+ },
+ "novakid": {
+ "variables": {
+ "altOptionAsUndyColor": false,
+ "altOptionAsFacialMask": true,
+ "headOptionAsHairColor": false,
+ "headOptionAsFacialHair": true,
+ "names": ["color", "bellyButton", "hair", "brand"],
+ "genders": {
+ "iconOffset": 0,
+ "male": {
+ "hair": {
+ "offsetY": 1,
+ "count": 20
+ },
+ "facialMask": {
+ "offsetY": 3,
+ "count": 2
+ },
+ "facialHair": {
+ "offsetY": 4,
+ "count": 20
+ }
+ },
+ "female": {
+ "hair": {
+ "offsetY": 2,
+ "count": 20
+ },
+ "facialMask": {
+ "offsetY": 3,
+ "count": 2
+ },
+ "facialHair": {
+ "offsetY": 4,
+ "count": 20
+ }
+ }
+ },
+ "colors": {
+ "skinColor": [
+ { "fff8b5": "fff8b5", "fde03f": "fde03f", "f6b919": "f6b919", "806319": "352b12" },
+ { "fff8b5": "ffedc4", "fde03f": "feb05c", "f6b919": "fa8131", "806319": "40110a" },
+ { "fff8b5": "ffe2c9", "fde03f": "fe9875", "f6b919": "ef5443", "806319": "4f160d" },
+ { "fff8b5": "fee5ff", "fde03f": "f6bbf9", "f6b919": "f57afc", "806319": "4c2153" },
+ { "fff8b5": "fedbff", "fde03f": "da89f7", "f6b919": "ae38f1", "806319": "340e52" },
+ { "fff8b5": "c7feff", "fde03f": "56ebf8", "f6b919": "12c2e8", "806319": "0c2b4b" },
+ { "fff8b5": "c3fffc", "fde03f": "4df4df", "f6b919": "0cd6b8", "806319": "0c482d" },
+ { "fff8b5": "c7ffdc", "fde03f": "63f574", "f6b919": "17dc0d", "806319": "0d500f" },
+ { "fff8b5": "fffdae", "fde03f": "c9f236", "f6b919": "8ae100", "806319": "2d510d" },
+ { "fff8b5": "deffff", "fde03f": "a2dbdb", "f6b919": "6ea2a9", "806319": "222d33" }
+ ],
+ "undyColor": [
+ { "f32200": "FFDCC4", "dc1f00": "FFB98F", "be1b00": "C1695F", "951500": "7E3F38" },
+ { "f32200": "FFFFE7", "dc1f00": "FFE48E", "be1b00": "C1AA5C", "951500": "7C7135" },
+ { "f32200": "F6F0D3", "dc1f00": "DAD39B", "be1b00": "A7A270", "951500": "6B6B47" },
+ { "f32200": "FFFFE0", "dc1f00": "E7EFA1", "be1b00": "ABB573", "951500": "697447" },
+ { "f32200": "EEFFDC", "dc1f00": "B1E994", "be1b00": "7CAD69", "951500": "4F7B43" },
+ { "f32200": "C7DEBC", "dc1f00": "90BC80", "be1b00": "648B5A", "951500": "3A5D35" },
+ { "f32200": "DAFFE5", "dc1f00": "97ECB0", "be1b00": "6BB383", "951500": "417356" },
+ { "f32200": "DBFFFE", "dc1f00": "99EEDB", "be1b00": "6DB4A9", "951500": "427470" },
+ { "f32200": "D4FDFF", "dc1f00": "85CCF5", "be1b00": "558DB2", "951500": "36627C" },
+ { "f32200": "D0D0FF", "dc1f00": "9290F8", "be1b00": "6060A9", "951500": "43396B" },
+ { "f32200": "FFD1FF", "dc1f00": "D191DE", "be1b00": "95629C", "951500": "603B61" },
+ { "f32200": "FFF4FF", "dc1f00": "FFCDEA", "be1b00": "E19CC4", "951500": "B8739B" },
+ { "f32200": "FFFAF6", "dc1f00": "FBD5CF", "be1b00": "D9A49E", "951500": "B07B74" },
+ { "f32200": "CECBC2", "dc1f00": "A89B89", "be1b00": "74665A", "951500": "463D34" },
+ { "f32200": "B4B3AD", "dc1f00": "8A897A", "be1b00": "4E4F42", "951500": "2C2915" },
+ { "f32200": "FFFFFF", "dc1f00": "F2EFF3", "be1b00": "A6A4AE", "951500": "818181" }
+ ],
+ "hairColor": [
+ { "f7e7b2": "FFB0A3", "d9c189": "FC8469", "a38d59": "BE424D", "735e3a": "782027" },
+ { "f7e7b2": "FFEBC2", "d9c189": "F6B060", "a38d59": "B37F34", "735e3a": "6D5013" },
+ { "f7e7b2": "DFCFB3", "d9c189": "C7AE76", "a38d59": "94824F", "735e3a": "5A512B" },
+ { "f7e7b2": "F1EABB", "d9c189": "D8D077", "a38d59": "A09E4E", "735e3a": "5F6229" },
+ { "f7e7b2": "DBF4B8", "d9c189": "A4D66B", "a38d59": "6F9E47", "735e3a": "426D26" },
+ { "f7e7b2": "B3C89E", "d9c189": "82AB5F", "a38d59": "547A3C", "735e3a": "2D4F1D" },
+ { "f7e7b2": "B8F4BB", "d9c189": "72DD7E", "a38d59": "4AA559", "735e3a": "266535" },
+ { "f7e7b2": "B8F4D9", "d9c189": "72DDB3", "a38d59": "4AA586", "735e3a": "266554" },
+ { "f7e7b2": "B1F1FE", "d9c189": "5DD1EC", "a38d59": "3491AA", "735e3a": "196072" },
+ { "f7e7b2": "B5C2FA", "d9c189": "758BF8", "a38d59": "4A5BA5", "735e3a": "272665" },
+ { "f7e7b2": "E2B2FF", "d9c189": "B374D4", "a38d59": "7C4992", "735e3a": "4B2655" },
+ { "f7e7b2": "FDD8F2", "d9c189": "F1AFDF", "a38d59": "D67EC1", "735e3a": "AF579A" },
+ { "f7e7b2": "F9D9DA", "d9c189": "EAB2B5", "a38d59": "CC8288", "735e3a": "A55B61" },
+ { "f7e7b2": "B8B0A8", "d9c189": "967E6E", "a38d59": "654D43", "735e3a": "372720" },
+ { "f7e7b2": "9E9B94", "d9c189": "767162", "a38d59": "3F3C2E", "735e3a": "1E1400" },
+ { "f7e7b2": "FFFFFF", "d9c189": "D7D5DB", "a38d59": "8E8E9B", "735e3a": "6D6D6D" }
+ ]
+ }
+ },
+ "armors": {
+ "names": ["fancy", "jacket", "suspenders", "waistcoat", null],
+ "armorColors": [
+ { "ffca8a": "a37e58", "e0975c": "614d2f", "a85636": "2d2514", "6f2919": "161209" },
+ { "ffca8a": "727272", "e0975c": "414141", "a85636": "1c1c1c", "6f2919": "0b0b0b" },
+ { "ffca8a": "e9e9e9", "e0975c": "727272", "a85636": "333333", "6f2919": "161616" },
+ { "ffca8a": "ba3f36", "e0975c": "7a2622", "a85636": "411114", "6f2919": "25090c" },
+ { "ffca8a": "d77b24", "e0975c": "794317", "a85636": "3a1f0f", "6f2919": "1d1009" },
+ { "ffca8a": "eedb53", "e0975c": "928132", "a85636": "42381a", "6f2919": "262010" },
+ { "ffca8a": "6c9e4a", "e0975c": "395b2b", "a85636": "1b2e16", "6f2919": "0b140a" },
+ { "ffca8a": "4681c0", "e0975c": "284672", "a85636": "161b3b", "6f2919": "0c0e22" },
+ { "ffca8a": "7d4794", "e0975c": "4d245d", "a85636": "221328", "6f2919": "0f0912" },
+ { "ffca8a": "d46bd7", "e0975c": "7c377b", "a85636": "30172e", "6f2919": "170b16" },
+ { "ffca8a": "a36948", "e0975c": "683a23", "a85636": "2d1a12", "6f2919": "170d09" }
+ ]
+ }
+ }
+ },
+ "sharedOptions": ["shirtStyle", "shirtColor", "pantsStyle", "pantsColor", "pose", "helmet"],
- ],
- "undyColor" : [
- { "f32200" : "FFDCC4", "dc1f00" : "FFB98F", "be1b00" : "C1695F", "951500" : "7E3F38" },
- { "f32200" : "FFFFE7", "dc1f00" : "FFE48E", "be1b00" : "C1AA5C", "951500" : "7C7135" },
- { "f32200" : "F6F0D3", "dc1f00" : "DAD39B", "be1b00" : "A7A270", "951500" : "6B6B47" },
- { "f32200" : "FFFFE0", "dc1f00" : "E7EFA1", "be1b00" : "ABB573", "951500" : "697447" },
- { "f32200" : "EEFFDC", "dc1f00" : "B1E994", "be1b00" : "7CAD69", "951500" : "4F7B43" },
- { "f32200" : "C7DEBC", "dc1f00" : "90BC80", "be1b00" : "648B5A", "951500" : "3A5D35" },
- { "f32200" : "DAFFE5", "dc1f00" : "97ECB0", "be1b00" : "6BB383", "951500" : "417356" },
- { "f32200" : "DBFFFE", "dc1f00" : "99EEDB", "be1b00" : "6DB4A9", "951500" : "427470" },
- { "f32200" : "D4FDFF", "dc1f00" : "85CCF5", "be1b00" : "558DB2", "951500" : "36627C" },
- { "f32200" : "D0D0FF", "dc1f00" : "9290F8", "be1b00" : "6060A9", "951500" : "43396B" },
- { "f32200" : "FFD1FF", "dc1f00" : "D191DE", "be1b00" : "95629C", "951500" : "603B61" },
- { "f32200" : "FFF4FF", "dc1f00" : "FFCDEA", "be1b00" : "E19CC4", "951500" : "B8739B" },
- { "f32200" : "FFFAF6", "dc1f00" : "FBD5CF", "be1b00" : "D9A49E", "951500" : "B07B74" },
- { "f32200" : "CECBC2", "dc1f00" : "A89B89", "be1b00" : "74665A", "951500" : "463D34" },
- { "f32200" : "B4B3AD", "dc1f00" : "8A897A", "be1b00" : "4E4F42", "951500" : "2C2915" },
- { "f32200" : "FFFFFF", "dc1f00" : "F2EFF3", "be1b00" : "A6A4AE", "951500" : "818181" }
- ],
- "hairColor" : [
- { "f7e7b2" : "FFB0A3", "d9c189" : "FC8469", "a38d59" : "BE424D", "735e3a" : "782027" },
- { "f7e7b2" : "FFEBC2", "d9c189" : "F6B060", "a38d59" : "B37F34", "735e3a" : "6D5013" },
- { "f7e7b2" : "DFCFB3", "d9c189" : "C7AE76", "a38d59" : "94824F", "735e3a" : "5A512B" },
- { "f7e7b2" : "F1EABB", "d9c189" : "D8D077", "a38d59" : "A09E4E", "735e3a" : "5F6229" },
- { "f7e7b2" : "DBF4B8", "d9c189" : "A4D66B", "a38d59" : "6F9E47", "735e3a" : "426D26" },
- { "f7e7b2" : "B3C89E", "d9c189" : "82AB5F", "a38d59" : "547A3C", "735e3a" : "2D4F1D" },
- { "f7e7b2" : "B8F4BB", "d9c189" : "72DD7E", "a38d59" : "4AA559", "735e3a" : "266535" },
- { "f7e7b2" : "B8F4D9", "d9c189" : "72DDB3", "a38d59" : "4AA586", "735e3a" : "266554" },
- { "f7e7b2" : "B1F1FE", "d9c189" : "5DD1EC", "a38d59" : "3491AA", "735e3a" : "196072" },
- { "f7e7b2" : "B5C2FA", "d9c189" : "758BF8", "a38d59" : "4A5BA5", "735e3a" : "272665" },
- { "f7e7b2" : "E2B2FF", "d9c189" : "B374D4", "a38d59" : "7C4992", "735e3a" : "4B2655" },
- { "f7e7b2" : "FDD8F2", "d9c189" : "F1AFDF", "a38d59" : "D67EC1", "735e3a" : "AF579A" },
- { "f7e7b2" : "F9D9DA", "d9c189" : "EAB2B5", "a38d59" : "CC8288", "735e3a" : "A55B61" },
- { "f7e7b2" : "B8B0A8", "d9c189" : "967E6E", "a38d59" : "654D43", "735e3a" : "372720" },
- { "f7e7b2" : "9E9B94", "d9c189" : "767162", "a38d59" : "3F3C2E", "735e3a" : "1E1400" },
- { "f7e7b2" : "FFFFFF", "d9c189" : "D7D5DB", "a38d59" : "8E8E9B", "735e3a" : "6D6D6D" }
- ]
- }
- },
- "armors" : {
- "names" : ["fancy", "jacket", "suspenders", "waistcoat",null],
- "armorColors" : [
- { "ffca8a" : "a37e58", "e0975c" : "614d2f", "a85636" : "2d2514", "6f2919" : "161209" },
- { "ffca8a" : "727272", "e0975c" : "414141", "a85636" : "1c1c1c", "6f2919" : "0b0b0b" },
- { "ffca8a" : "e9e9e9", "e0975c" : "727272", "a85636" : "333333", "6f2919" : "161616" },
- { "ffca8a" : "ba3f36", "e0975c" : "7a2622", "a85636" : "411114", "6f2919" : "25090c" },
- { "ffca8a" : "d77b24", "e0975c" : "794317", "a85636" : "3a1f0f", "6f2919" : "1d1009" },
- { "ffca8a" : "eedb53", "e0975c" : "928132", "a85636" : "42381a", "6f2919" : "262010" },
- { "ffca8a" : "6c9e4a", "e0975c" : "395b2b", "a85636" : "1b2e16", "6f2919" : "0b140a" },
- { "ffca8a" : "4681c0", "e0975c" : "284672", "a85636" : "161b3b", "6f2919" : "0c0e22" },
- { "ffca8a" : "7d4794", "e0975c" : "4d245d", "a85636" : "221328", "6f2919" : "0f0912" },
- { "ffca8a" : "d46bd7", "e0975c" : "7c377b", "a85636" : "30172e", "6f2919" : "170b16" },
- { "ffca8a" : "a36948", "e0975c" : "683a23", "a85636" : "2d1a12", "6f2919" : "170d09" }
- ]
- }
- }
- },
- "sharedOptions" : ["shirtStyle","shirtColor","pantsStyle","pantsColor", "pose", "helmet"],
-
- "poses" : [
- {
- "name" : "personality-1",
- "index" : 1,
- "bodyIndex" : [ 1, 0 ],
- "sleeveIndex" : [ 1, 0 ],
- "sleeveOffset" : [ 0, 0 ],
- "chestIndex" : [ 1, 0 ],
- "chestOffset" : [ 0, 0 ],
- "hairOffset" : [ 0, 0 ]
- },
- {
- "name" : "personality-2",
- "index" : 2,
- "bodyIndex" : [ 2, 0 ],
- "sleeveIndex" : [ 2, 0 ],
- "sleeveOffset" : [ 0, 0 ],
- "chestIndex" : [ 0, 1 ],
- "chestOffset" : [ 0, 0 ],
- "hairOffset" : [ -1, 0 ]
- },
- {
- "name" : "personality-3",
- "index" : 3,
- "bodyIndex" : [ 3, 0 ],
- "sleeveIndex" : [ 3, 0 ],
- "sleeveOffset" : [ 0, 0 ],
- "chestIndex" : [ 1, 1 ],
- "chestOffset" : [ 0, 0 ],
- "hairOffset" : [ -1, 0 ]
- },
- {
- "name" : "personality-4",
- "index" : 4,
- "bodyIndex" : [ 4, 0 ],
- "sleeveIndex" : [ 4, 0 ],
- "sleeveOffset" : [ 0, 0 ],
- "chestIndex" : [ 0, 1 ],
- "chestOffset" : [ 0, 0 ],
- "hairOffset" : [ -1, 0 ]
- },
- {
- "name" : "personality-5",
- "index" : 5,
- "bodyIndex" : [ 5, 0 ],
- "sleeveIndex" : [ 5, 0 ],
- "sleeveOffset" : [ 0, 0 ],
- "chestIndex" : [ 1, 0 ],
- "chestOffset" : [ 0, 0 ],
- "hairOffset" : [ 0, 0 ]
- },
- {
- "name" : "sitting",
- "index" : 6,
- "bodyIndex" : [ 6, 0 ],
- "sleeveIndex" : [ 1, 0 ],
- "sleeveOffset" : [ 0, 1 ],
- "chestIndex" : [ 1, 0 ],
- "chestOffset" : [ 0, 1 ],
- "hairOffset" : [ 0, 1 ]
- },
- {
- "name" : "ducking",
- "index" : 7,
- "bodyIndex" : [ 8, 0 ],
- "sleeveIndex" : [ 8, 0 ],
- "sleeveOffset" : [ 0, 0 ],
- "chestIndex" : [ 1, 3 ],
- "chestOffset" : [ 0, 0 ],
- "hairOffset" : [ 1, 8 ]
- },
- {
- "name" : "walk-1",
- "index" : 8,
- "bodyIndex" : [ 1, 1 ],
- "sleeveIndex" : [ 3, 1 ],
- "sleeveOffset" : [ 0, 0 ],
- "chestIndex" : [ 1, 0 ],
- "chestOffset" : [ 0, 1 ],
- "hairOffset" : [ 0, 1 ]
- },
- {
- "name" : "walk-2",
- "index" : 9,
- "bodyIndex" : [ 2, 1 ],
- "sleeveIndex" : [ 2, 1 ],
- "sleeveOffset" : [ 0, 0 ],
- "chestIndex" : [ 1, 0 ],
- "chestOffset" : [ 0, 2 ],
- "hairOffset" : [ 0, 2 ]
- },
- {
- "name" : "walk-3",
- "index" : 10,
- "bodyIndex" : [ 3, 1 ],
- "sleeveIndex" : [ 3, 1 ],
- "sleeveOffset" : [ 0, 0 ],
- "chestIndex" : [ 1, 0 ],
- "chestOffset" : [ 0, 1 ],
- "hairOffset" : [ 0, 1 ]
- },
- {
- "name" : "walk-4",
- "index" : 11,
- "bodyIndex" : [ 4, 1 ],
- "sleeveIndex" : [ 4, 1 ],
- "sleeveOffset" : [ 0, 0 ],
- "chestIndex" : [ 1, 0 ],
- "chestOffset" : [ 0, 0 ],
- "hairOffset" : [ 0, 0 ]
- },
- {
- "name" : "walk-5",
- "index" : 12,
- "bodyIndex" : [ 5, 1 ],
- "sleeveIndex" : [ 5, 1 ],
- "sleeveOffset" : [ 0, 0 ],
- "chestIndex" : [ 1, 0 ],
- "chestOffset" : [ 0, 1 ],
- "hairOffset" : [ 0, 1 ]
- },
- {
- "name" : "walk-6",
- "index" : 13,
- "bodyIndex" : [ 6, 1 ],
- "sleeveIndex" : [ 6, 1 ],
- "sleeveOffset" : [ 0, 0 ],
- "chestIndex" : [ 1, 0 ],
- "chestOffset" : [ 0, 2 ],
- "hairOffset" : [ 0, 2 ]
- },
- {
- "name" : "walk-7",
- "index" : 14,
- "bodyIndex" : [ 7, 1 ],
- "sleeveIndex" : [ 5, 1 ],
- "sleeveOffset" : [ 0, 0 ],
- "chestIndex" : [ 1, 0 ],
- "chestOffset" : [ 0, 1 ],
- "hairOffset" : [ 0, 1 ]
- },
- {
- "name" : "walk-8",
- "index" : 15,
- "bodyIndex" : [ 8, 1 ],
- "sleeveIndex" : [ 4, 1 ],
- "sleeveOffset" : [ 0, 0 ],
- "chestIndex" : [ 1, 0 ],
- "chestOffset" : [ 0, 0 ],
- "hairOffset" : [ 0, 0 ]
- },
- {
- "name" : "run-1",
- "index" : 16,
- "bodyIndex" : [ 1, 2 ],
- "sleeveIndex" : [ 3, 2 ],
- "sleeveOffset" : [ 0, 0 ],
- "chestIndex" : [ 1, 2 ],
- "chestOffset" : [ 0, 0 ],
- "hairOffset" : [ 1, 0 ]
- },
- {
- "name" : "run-2",
- "index" : 17,
- "bodyIndex" : [ 2, 2 ],
- "sleeveIndex" : [ 2, 2 ],
- "sleeveOffset" : [ 0, 0 ],
- "chestIndex" : [ 1, 2 ],
- "chestOffset" : [ 0, -1 ],
- "hairOffset" : [ 1, -1 ]
- },
- {
- "name" : "run-3",
- "index" : 18,
- "bodyIndex" : [ 3, 2 ],
- "sleeveIndex" : [ 3, 2 ],
- "sleeveOffset" : [ 0, 0 ],
- "chestIndex" : [ 1, 2 ],
- "chestOffset" : [ 0, 0 ],
- "hairOffset" : [ 1, 0 ]
- },
- {
- "name" : "run-4",
- "index" : 19,
- "bodyIndex" : [ 4, 2 ],
- "sleeveIndex" : [ 4, 2 ],
- "sleeveOffset" : [ 0, 0 ],
- "chestIndex" : [ 1, 2 ],
- "chestOffset" : [ 0, 1 ],
- "hairOffset" : [ 1, 1 ]
- },
- {
- "name" : "run-5",
- "index" : 20,
- "bodyIndex" : [ 5, 2 ],
- "sleeveIndex" : [ 5, 2 ],
- "sleeveOffset" : [ 0, 0 ],
- "chestIndex" : [ 1, 2 ],
- "chestOffset" : [ 0, 0 ],
- "hairOffset" : [ 1, 0 ]
- },
- {
- "name" : "run-6",
- "index" : 21,
- "bodyIndex" : [ 6, 2 ],
- "sleeveIndex" : [ 6, 2 ],
- "sleeveOffset" : [ 0, 0 ],
- "chestIndex" : [ 1, 2 ],
- "chestOffset" : [ 0, -1 ],
- "hairOffset" : [ 1, -1 ]
- },
- {
- "name" : "run-7",
- "index" : 22,
- "bodyIndex" : [ 7, 2 ],
- "sleeveIndex" : [ 5, 2 ],
- "sleeveOffset" : [ 0, 0 ],
- "chestIndex" : [ 1, 2 ],
- "chestOffset" : [ 0, 0 ],
- "hairOffset" : [ 1, 0 ]
- },
- {
- "name" : "run-8",
- "index" : 23,
- "bodyIndex" : [ 8, 2 ],
- "sleeveIndex" : [ 4, 2 ],
- "sleeveOffset" : [ 0, 0 ],
- "chestIndex" : [ 1, 2 ],
- "chestOffset" : [ 0, 1 ],
- "hairOffset" : [ 1, 1 ]
- },
- {
- "name" : "jump-1",
- "index" : 24,
- "bodyIndex" : [ 1, 3 ],
- "sleeveIndex" : [ 1, 3 ],
- "sleeveOffset" : [ 0, 0 ],
- "chestIndex" : [ 1, 0 ],
- "chestOffset" : [ 0, -1 ],
- "hairOffset" : [ 0, -1 ]
- },
- {
- "name" : "jump-2",
- "index" : 25,
- "bodyIndex" : [ 2, 3 ],
- "sleeveIndex" : [ 2, 3 ],
- "sleeveOffset" : [ 0, 0 ],
- "chestIndex" : [ 1, 0 ],
- "chestOffset" : [ 0, -1 ],
- "hairOffset" : [ 0, -1 ]
- },
- {
- "name" : "jump-3",
- "index" : 26,
- "bodyIndex" : [ 3, 3 ],
- "sleeveIndex" : [ 3, 3 ],
- "sleeveOffset" : [ 0, 0 ],
- "chestIndex" : [ 1, 0 ],
- "chestOffset" : [ 0, -1 ],
- "hairOffset" : [ 0, -1 ]
- },
- {
- "name" : "jump-4",
- "index" : 27,
- "bodyIndex" : [ 4, 3 ],
- "sleeveIndex" : [ 4, 3 ],
- "sleeveOffset" : [ 0, 0 ],
- "chestIndex" : [ 1, 0 ],
- "chestOffset" : [ 0, -1 ],
- "hairOffset" : [ 0, -1 ]
- },
- {
- "name" : "fall-1",
- "index" : 28,
- "bodyIndex" : [ 5, 3 ],
- "sleeveIndex" : [ 5, 3 ],
- "sleeveOffset" : [ 0, 0 ],
- "chestIndex" : [ 1, 0 ],
- "chestOffset" : [ 0, -1 ],
- "hairOffset" : [ 0, -1 ]
- },
- {
- "name" : "fall-2",
- "index" : 29,
- "bodyIndex" : [ 6, 3 ],
- "sleeveIndex" : [ 6, 3 ],
- "sleeveOffset" : [ 0, 0 ],
- "chestIndex" : [ 1, 0 ],
- "chestOffset" : [ 0, -1 ],
- "hairOffset" : [ 0, -1 ]
- },
- {
- "name" : "fall-3",
- "index" : 30,
- "bodyIndex" : [ 7, 3 ],
- "sleeveIndex" : [ 7, 3 ],
- "sleeveOffset" : [ 0, 0 ],
- "chestIndex" : [ 1, 0 ],
- "chestOffset" : [ 0, -1 ],
- "hairOffset" : [ 0, -1 ]
- },
- {
- "name" : "fall-4",
- "index" : 31,
- "bodyIndex" : [ 8, 3 ],
- "sleeveIndex" : [ 8, 3 ],
- "sleeveOffset" : [ 0, 0 ],
- "chestIndex" : [ 1, 0 ],
- "chestOffset" : [ 0, -1 ],
- "hairOffset" : [ 0, -1 ]
- },
- {
- "name" : "swim-idle",
- "index" : 32,
- "bodyIndex" : [ 1, 5 ],
- "sleeveIndex" : [ 1, 5 ],
- "sleeveOffset" : [ 0, 0 ],
- "chestIndex" : [ 1, 5 ],
- "chestOffset" : [ 0, 0 ],
- "hairOffset" : [ 1, 0 ]
- },
- {
- "name" : "swim-1",
- "index" : 33,
- "bodyIndex" : [ 4, 5 ],
- "sleeveIndex" : [ 4, 5 ],
- "sleeveOffset" : [ 0, 0 ],
- "chestIndex" : [ 1, 5 ],
- "chestOffset" : [ 0, 0 ],
- "hairOffset" : [ 1, 0 ]
- },
- {
- "name" : "swim-2",
- "index" : 34,
- "bodyIndex" : [ 5, 5 ],
- "sleeveIndex" : [ 5, 5 ],
- "sleeveOffset" : [ 0, 0 ],
- "chestIndex" : [ 1, 5 ],
- "chestOffset" : [ 0, 1 ],
- "hairOffset" : [ 1, 1 ]
- },
- {
- "name" : "swim-3",
- "index" : 35,
- "bodyIndex" : [ 6, 5 ],
- "sleeveIndex" : [ 6, 5 ],
- "sleeveOffset" : [ 0, 0 ],
- "chestIndex" : [ 1, 5 ],
- "chestOffset" : [ 0, 2 ],
- "hairOffset" : [ 1, 2 ]
- },
- {
- "name" : "swim-4",
- "index" : 36,
- "bodyIndex" : [ 7, 5 ],
- "sleeveIndex" : [ 7, 5 ],
- "sleeveOffset" : [ 0, 0 ],
- "chestIndex" : [ 1, 5 ],
- "chestOffset" : [ 0, 1 ],
- "hairOffset" : [ 1, 1 ]
- }
- ]
-}
\ No newline at end of file
+ "poses": [
+ {
+ "name": "personality-1",
+ "index": 1,
+ "bodyIndex": [1, 0],
+ "sleeveIndex": [1, 0],
+ "sleeveOffset": [0, 0],
+ "chestIndex": [1, 0],
+ "chestOffset": [0, 0],
+ "hairOffset": [0, 0]
+ },
+ {
+ "name": "personality-2",
+ "index": 2,
+ "bodyIndex": [2, 0],
+ "sleeveIndex": [2, 0],
+ "sleeveOffset": [0, 0],
+ "chestIndex": [0, 1],
+ "chestOffset": [0, 0],
+ "hairOffset": [-1, 0]
+ },
+ {
+ "name": "personality-3",
+ "index": 3,
+ "bodyIndex": [3, 0],
+ "sleeveIndex": [3, 0],
+ "sleeveOffset": [0, 0],
+ "chestIndex": [1, 1],
+ "chestOffset": [0, 0],
+ "hairOffset": [-1, 0]
+ },
+ {
+ "name": "personality-4",
+ "index": 4,
+ "bodyIndex": [4, 0],
+ "sleeveIndex": [4, 0],
+ "sleeveOffset": [0, 0],
+ "chestIndex": [0, 1],
+ "chestOffset": [0, 0],
+ "hairOffset": [-1, 0]
+ },
+ {
+ "name": "personality-5",
+ "index": 5,
+ "bodyIndex": [5, 0],
+ "sleeveIndex": [5, 0],
+ "sleeveOffset": [0, 0],
+ "chestIndex": [1, 0],
+ "chestOffset": [0, 0],
+ "hairOffset": [0, 0]
+ },
+ {
+ "name": "sitting",
+ "index": 6,
+ "bodyIndex": [6, 0],
+ "sleeveIndex": [1, 0],
+ "sleeveOffset": [0, 1],
+ "chestIndex": [1, 0],
+ "chestOffset": [0, 1],
+ "hairOffset": [0, 1]
+ },
+ {
+ "name": "ducking",
+ "index": 7,
+ "bodyIndex": [8, 0],
+ "sleeveIndex": [8, 0],
+ "sleeveOffset": [0, 0],
+ "chestIndex": [1, 3],
+ "chestOffset": [0, 0],
+ "hairOffset": [1, 8]
+ },
+ {
+ "name": "walk-1",
+ "index": 8,
+ "bodyIndex": [1, 1],
+ "sleeveIndex": [3, 1],
+ "sleeveOffset": [0, 0],
+ "chestIndex": [1, 0],
+ "chestOffset": [0, 1],
+ "hairOffset": [0, 1]
+ },
+ {
+ "name": "walk-2",
+ "index": 9,
+ "bodyIndex": [2, 1],
+ "sleeveIndex": [2, 1],
+ "sleeveOffset": [0, 0],
+ "chestIndex": [1, 0],
+ "chestOffset": [0, 2],
+ "hairOffset": [0, 2]
+ },
+ {
+ "name": "walk-3",
+ "index": 10,
+ "bodyIndex": [3, 1],
+ "sleeveIndex": [3, 1],
+ "sleeveOffset": [0, 0],
+ "chestIndex": [1, 0],
+ "chestOffset": [0, 1],
+ "hairOffset": [0, 1]
+ },
+ {
+ "name": "walk-4",
+ "index": 11,
+ "bodyIndex": [4, 1],
+ "sleeveIndex": [4, 1],
+ "sleeveOffset": [0, 0],
+ "chestIndex": [1, 0],
+ "chestOffset": [0, 0],
+ "hairOffset": [0, 0]
+ },
+ {
+ "name": "walk-5",
+ "index": 12,
+ "bodyIndex": [5, 1],
+ "sleeveIndex": [5, 1],
+ "sleeveOffset": [0, 0],
+ "chestIndex": [1, 0],
+ "chestOffset": [0, 1],
+ "hairOffset": [0, 1]
+ },
+ {
+ "name": "walk-6",
+ "index": 13,
+ "bodyIndex": [6, 1],
+ "sleeveIndex": [6, 1],
+ "sleeveOffset": [0, 0],
+ "chestIndex": [1, 0],
+ "chestOffset": [0, 2],
+ "hairOffset": [0, 2]
+ },
+ {
+ "name": "walk-7",
+ "index": 14,
+ "bodyIndex": [7, 1],
+ "sleeveIndex": [5, 1],
+ "sleeveOffset": [0, 0],
+ "chestIndex": [1, 0],
+ "chestOffset": [0, 1],
+ "hairOffset": [0, 1]
+ },
+ {
+ "name": "walk-8",
+ "index": 15,
+ "bodyIndex": [8, 1],
+ "sleeveIndex": [4, 1],
+ "sleeveOffset": [0, 0],
+ "chestIndex": [1, 0],
+ "chestOffset": [0, 0],
+ "hairOffset": [0, 0]
+ },
+ {
+ "name": "run-1",
+ "index": 16,
+ "bodyIndex": [1, 2],
+ "sleeveIndex": [3, 2],
+ "sleeveOffset": [0, 0],
+ "chestIndex": [1, 2],
+ "chestOffset": [0, 0],
+ "hairOffset": [1, 0]
+ },
+ {
+ "name": "run-2",
+ "index": 17,
+ "bodyIndex": [2, 2],
+ "sleeveIndex": [2, 2],
+ "sleeveOffset": [0, 0],
+ "chestIndex": [1, 2],
+ "chestOffset": [0, -1],
+ "hairOffset": [1, -1]
+ },
+ {
+ "name": "run-3",
+ "index": 18,
+ "bodyIndex": [3, 2],
+ "sleeveIndex": [3, 2],
+ "sleeveOffset": [0, 0],
+ "chestIndex": [1, 2],
+ "chestOffset": [0, 0],
+ "hairOffset": [1, 0]
+ },
+ {
+ "name": "run-4",
+ "index": 19,
+ "bodyIndex": [4, 2],
+ "sleeveIndex": [4, 2],
+ "sleeveOffset": [0, 0],
+ "chestIndex": [1, 2],
+ "chestOffset": [0, 1],
+ "hairOffset": [1, 1]
+ },
+ {
+ "name": "run-5",
+ "index": 20,
+ "bodyIndex": [5, 2],
+ "sleeveIndex": [5, 2],
+ "sleeveOffset": [0, 0],
+ "chestIndex": [1, 2],
+ "chestOffset": [0, 0],
+ "hairOffset": [1, 0]
+ },
+ {
+ "name": "run-6",
+ "index": 21,
+ "bodyIndex": [6, 2],
+ "sleeveIndex": [6, 2],
+ "sleeveOffset": [0, 0],
+ "chestIndex": [1, 2],
+ "chestOffset": [0, -1],
+ "hairOffset": [1, -1]
+ },
+ {
+ "name": "run-7",
+ "index": 22,
+ "bodyIndex": [7, 2],
+ "sleeveIndex": [5, 2],
+ "sleeveOffset": [0, 0],
+ "chestIndex": [1, 2],
+ "chestOffset": [0, 0],
+ "hairOffset": [1, 0]
+ },
+ {
+ "name": "run-8",
+ "index": 23,
+ "bodyIndex": [8, 2],
+ "sleeveIndex": [4, 2],
+ "sleeveOffset": [0, 0],
+ "chestIndex": [1, 2],
+ "chestOffset": [0, 1],
+ "hairOffset": [1, 1]
+ },
+ {
+ "name": "jump-1",
+ "index": 24,
+ "bodyIndex": [1, 3],
+ "sleeveIndex": [1, 3],
+ "sleeveOffset": [0, 0],
+ "chestIndex": [1, 0],
+ "chestOffset": [0, -1],
+ "hairOffset": [0, -1]
+ },
+ {
+ "name": "jump-2",
+ "index": 25,
+ "bodyIndex": [2, 3],
+ "sleeveIndex": [2, 3],
+ "sleeveOffset": [0, 0],
+ "chestIndex": [1, 0],
+ "chestOffset": [0, -1],
+ "hairOffset": [0, -1]
+ },
+ {
+ "name": "jump-3",
+ "index": 26,
+ "bodyIndex": [3, 3],
+ "sleeveIndex": [3, 3],
+ "sleeveOffset": [0, 0],
+ "chestIndex": [1, 0],
+ "chestOffset": [0, -1],
+ "hairOffset": [0, -1]
+ },
+ {
+ "name": "jump-4",
+ "index": 27,
+ "bodyIndex": [4, 3],
+ "sleeveIndex": [4, 3],
+ "sleeveOffset": [0, 0],
+ "chestIndex": [1, 0],
+ "chestOffset": [0, -1],
+ "hairOffset": [0, -1]
+ },
+ {
+ "name": "fall-1",
+ "index": 28,
+ "bodyIndex": [5, 3],
+ "sleeveIndex": [5, 3],
+ "sleeveOffset": [0, 0],
+ "chestIndex": [1, 0],
+ "chestOffset": [0, -1],
+ "hairOffset": [0, -1]
+ },
+ {
+ "name": "fall-2",
+ "index": 29,
+ "bodyIndex": [6, 3],
+ "sleeveIndex": [6, 3],
+ "sleeveOffset": [0, 0],
+ "chestIndex": [1, 0],
+ "chestOffset": [0, -1],
+ "hairOffset": [0, -1]
+ },
+ {
+ "name": "fall-3",
+ "index": 30,
+ "bodyIndex": [7, 3],
+ "sleeveIndex": [7, 3],
+ "sleeveOffset": [0, 0],
+ "chestIndex": [1, 0],
+ "chestOffset": [0, -1],
+ "hairOffset": [0, -1]
+ },
+ {
+ "name": "fall-4",
+ "index": 31,
+ "bodyIndex": [8, 3],
+ "sleeveIndex": [8, 3],
+ "sleeveOffset": [0, 0],
+ "chestIndex": [1, 0],
+ "chestOffset": [0, -1],
+ "hairOffset": [0, -1]
+ },
+ {
+ "name": "swim-idle",
+ "index": 32,
+ "bodyIndex": [1, 5],
+ "sleeveIndex": [1, 5],
+ "sleeveOffset": [0, 0],
+ "chestIndex": [1, 5],
+ "chestOffset": [0, 0],
+ "hairOffset": [1, 0]
+ },
+ {
+ "name": "swim-1",
+ "index": 33,
+ "bodyIndex": [4, 5],
+ "sleeveIndex": [4, 5],
+ "sleeveOffset": [0, 0],
+ "chestIndex": [1, 5],
+ "chestOffset": [0, 0],
+ "hairOffset": [1, 0]
+ },
+ {
+ "name": "swim-2",
+ "index": 34,
+ "bodyIndex": [5, 5],
+ "sleeveIndex": [5, 5],
+ "sleeveOffset": [0, 0],
+ "chestIndex": [1, 5],
+ "chestOffset": [0, 1],
+ "hairOffset": [1, 1]
+ },
+ {
+ "name": "swim-3",
+ "index": 35,
+ "bodyIndex": [6, 5],
+ "sleeveIndex": [6, 5],
+ "sleeveOffset": [0, 0],
+ "chestIndex": [1, 5],
+ "chestOffset": [0, 2],
+ "hairOffset": [1, 2]
+ },
+ {
+ "name": "swim-4",
+ "index": 36,
+ "bodyIndex": [7, 5],
+ "sleeveIndex": [7, 5],
+ "sleeveOffset": [0, 0],
+ "chestIndex": [1, 5],
+ "chestOffset": [0, 1],
+ "hairOffset": [1, 1]
+ }
+ ]
+}
diff --git a/webchargen.css b/webchargen.css
index 7d8e023..34700fd 100644
--- a/webchargen.css
+++ b/webchargen.css
@@ -1,380 +1,323 @@
-*
-{
- /*outline: 1px solid gray;*/
+/* GENERIC */
+body {
+ background-color: #121212;
+ overflow: hidden;
+ font-family: '04b03';
+ user-select: none;
}
-/* GENERIC */
- body
- {
- background-color: #121212;
- overflow: hidden;
- font-family: '04b03';
- }
-
- *
- {
- -moz-user-select: -moz-none;
- }
-
- #canvas-container
- {
- display: none;
- }
-
- #pos-container
- {
- position: fixed;
- top: 50%;
- left: 50%;
- margin-top: -236px;
- margin-left: -236px;
- height: 472px;
- width: 472px;
- }
-
-
- #main-container
- {
- background-image: url(images/charactercreation.png);
- height: 472px;
- width: 472px;
- position: relative;
- }
+#canvas-container {
+ display: none;
+}
+
+#pos-container {
+ position: fixed;
+ top: 50%;
+ left: 50%;
+ margin-top: -236px;
+ margin-left: -236px;
+ height: 472px;
+ width: 472px;
+}
+
+#main-container {
+ background-image: url(images/charactercreation.png);
+ height: 472px;
+ width: 472px;
+ position: relative;
+}
/* BUTTONS */
- .button:hover
- {
- cursor: pointer;
- }
-
- .big-button
- {
- cursor: pointer;
- padding: 0;
- height: 58px;
- width: 60px;
- background-image: url(images/button.png);
- display: inline-block;
- margin-top: -11px;
- margin-left: -16px;
- margin-right: -4px;
- background-position: -5px -5px;
- background-repeat: no-repeat;
- margin-bottom: 5px;
- }
-
- .big-button:hover
- {
- background-position: -5px -63px;
- }
-
- .big-button:active
- {
- }
-
- .big-button.selected
- {
- margin-top: -15px;
- margin-left: -20px;
- margin-right: 0px;
- background-position: 0px -116px;
- }
-
- .big-button.selected>div
- {
- margin-left: 4px;
- margin-top: 4px;
- }
-
- .big-button.selected:hover
- {
- background-position: 0px -174px;
- }
-
- #save-button
- {
- position: absolute;
- width: 172px;
- height: 28px;
-
- background-image: url(images/createcharacter.png);
-
- margin-left: -86px;
- left: 50%;
- top: 432px;
- }
-
- #save-button:hover
- {
- background-position: 0px -28px;
- }
-
-
+.button:hover {
+ cursor: pointer;
+}
+
+.big-button {
+ cursor: pointer;
+ padding: 0;
+ height: 58px;
+ width: 60px;
+ background-image: url(images/button.png);
+ display: inline-block;
+ margin-top: -11px;
+ margin-left: -16px;
+ margin-right: -4px;
+ background-position: -5px -5px;
+ background-repeat: no-repeat;
+ margin-bottom: 5px;
+}
+
+.big-button:hover {
+ background-position: -5px -63px;
+}
+
+.big-button:active {
+}
+
+.big-button.selected {
+ margin-top: -15px;
+ margin-left: -20px;
+ margin-right: 0px;
+ background-position: 0px -116px;
+}
+
+.big-button.selected > div {
+ margin-left: 4px;
+ margin-top: 4px;
+}
+
+.big-button.selected:hover {
+ background-position: 0px -174px;
+}
+
+#save-button {
+ position: absolute;
+ width: 172px;
+ height: 28px;
+
+ background-image: url(images/createcharacter.png);
+
+ margin-left: -86px;
+ left: 50%;
+ top: 432px;
+}
+
+#save-button:hover {
+ background-position: 0px -28px;
+}
+
/* SPECIES BOX */
- #species-select-container
- {
- position: absolute;
- top: 91px;
- left: 53px;
- width: 200px;
- }
-
- #species-select-container > .species-selection > div
- {
- display: inline-block;
- width: 50px;
- height: 48px;
- background-image: url(images/speciesPortrait.png);
- background-repeat: no-repeat;
- }
-
- #species-select-container > #species-human > div
- {
- background-position: 0px 0px;
- }
-
- #species-select-container > #species-avian > div
- {
- background-position: -50px 0px;
- }
-
- #species-select-container > #species-apex > div
- {
- background-position: -100px 0px;
- }
-
- #species-select-container > #species-floran > div
- {
- background-position: 0px -48px;
- }
-
- #species-select-container > #species-hylotl > div
- {
- background-position: -50px -48px;
- }
-
- #species-select-container > #species-robot > div
- {
- background-position: -100px -48px;
- }
-
- #species-select-container > #species-novakid > div
- {
- background-position: 0px -96px;
- }
-
+#species-select-container {
+ position: absolute;
+ top: 91px;
+ left: 53px;
+ width: 200px;
+}
+
+#species-select-container > .species-selection > div {
+ display: inline-block;
+ width: 50px;
+ height: 48px;
+ background-image: url(images/speciesPortrait.png);
+ background-repeat: no-repeat;
+}
+
+#species-select-container > #species-human > div {
+ background-position: 0px 0px;
+}
+
+#species-select-container > #species-avian > div {
+ background-position: -50px 0px;
+}
+
+#species-select-container > #species-apex > div {
+ background-position: -100px 0px;
+}
+
+#species-select-container > #species-floran > div {
+ background-position: 0px -48px;
+}
+
+#species-select-container > #species-hylotl > div {
+ background-position: -50px -48px;
+}
+
+#species-select-container > #species-glitch > div {
+ background-position: -100px -48px;
+}
+
+#species-select-container > #species-novakid > div {
+ background-position: 0px -96px;
+}
+
/* GENDER BOX */
- #gender-select-container {
- position: absolute;
- top: 203px;
- left: 92px;
- }
-
- #gender-select-container .big-button {
- margin-right: 0px;
- }
-
- #gender-select-container .big-button.selected {
- margin-right: 4px;
- }
-
- #gender-select-container > .gender-selection > div
- {
- width: 50px;
- height: 48px;
- display: inline-block;
- background-image: url(images/genderIcons.png);
- background-repeat: no-repeat;
- background-position: 0px 0px;
- }
-
- #gender-select-container > #gender-female.gender-selection > div
- {
- background-position: -50px 0px;
- }
-
- #gender-male.selected > div, #gender-female.selected > div
- {
- margin-left: 4px;
- margin-top: 4px;
- }
+#gender-select-container {
+ position: absolute;
+ top: 203px;
+ left: 92px;
+}
+
+#gender-select-container .big-button {
+ margin-right: 0px;
+}
+
+#gender-select-container .big-button.selected {
+ margin-right: 4px;
+}
+
+#gender-select-container > .gender-selection > div {
+ width: 50px;
+ height: 48px;
+ display: inline-block;
+ background-image: url(images/genderIcons.png);
+ background-repeat: no-repeat;
+ background-position: 0px 0px;
+}
+
+#gender-select-container > #gender-female.gender-selection > div {
+ background-position: -50px 0px;
+}
+
+#gender-male.selected > div,
+#gender-female.selected > div {
+ margin-left: 4px;
+ margin-top: 4px;
+}
/* RANDOMIZE BUTTON */
- #button-randomize-look
- {
- position: absolute;
- cursor: pointer;
- height: 36px;
- width: 38px;
- top: 207px;
- right: 68px;
- }
-
- .dice
- {
- background-image: url(images/dice.png);
- background-repeat: no-repeat;
- }
-
- .dice:hover
- {
- background-position: 0px -36px;
- }
+#button-randomize-look {
+ position: absolute;
+ cursor: pointer;
+ height: 36px;
+ width: 38px;
+ top: 207px;
+ right: 68px;
+}
+
+.dice {
+ background-image: url(images/dice.png);
+ background-repeat: no-repeat;
+}
+
+.dice:hover {
+ background-position: 0px -36px;
+}
/* CANVAS */
- #character-preview
- {
- position: absolute;
- right: 72px;
- top: 75px;
- }
+#character-preview {
+ position: absolute;
+ right: 72px;
+ top: 75px;
+}
/* OPTIONS BOX */
- #character-options-container
- {
- position: absolute;
- left: 35px;
- top: 256px;
- width: 400px;
- height: 100px;
- }
-
- .option
- {
- margin-bottom: 6px;
- height: 18px;
- width: 195px;
- display: inline-block;
- white-space: nowrap;
- font-size: 0px;
- }
-
- .label
- {
- display: inline-block;
- width: 135px;
- height: 18px;
- background-position: center;
- background-repeat: no-repeat;
- }
-
- #variable-helmetOption
- {
- display: none;
- }
-
- .option-buttons
- {
- display: inline-block;
- }
-
- .left-button, .right-button
- {
- display: inline-block;
- height: 18px;
- width: 16px;
- background-image: url(images/pickButtons.png);
- background-repeat: no-repeat;
- background-position: 0px 0px;
- }
-
- .left-button
- {
- }
-
- .left-button:hover
- {
- background-position: 0px -18px;
- }
-
- .right-button
- {
- background-position: -16px 0px;
- }
-
- .right-button:hover
- {
- background-position: -16px -18px;
- }
-
- .option-counter
- {
- margin: 0px 3px;
- display: inline-block;
- }
-
- .option-counter div
- {
- display: inline-block;
- width: 8px;
- height: 18px;
- margin: 0px 1px;
- background-image: url(images/text/numbers.png);
- background-repeat: no-repeat;
- background-position: 0px 0px;
- }
-
+#character-options-container {
+ position: absolute;
+ left: 35px;
+ top: 256px;
+ width: 400px;
+ height: 100px;
+}
+
+.option {
+ margin-bottom: 6px;
+ height: 18px;
+ width: 195px;
+ display: inline-block;
+ white-space: nowrap;
+ font-size: 0px;
+}
+
+.label {
+ display: inline-block;
+ width: 135px;
+ height: 18px;
+ background-position: center;
+ background-repeat: no-repeat;
+}
+
+#variable-helmetOption {
+ display: none;
+}
+
+.option-buttons {
+ display: inline-block;
+}
+
+.left-button,
+.right-button {
+ display: inline-block;
+ height: 18px;
+ width: 16px;
+ background-image: url(images/pickButtons.png);
+ background-repeat: no-repeat;
+ background-position: 0px 0px;
+}
+
+.left-button:hover {
+ background-position: 0px -18px;
+}
+
+.right-button {
+ background-position: -16px 0px;
+}
+
+.right-button:hover {
+ background-position: -16px -18px;
+}
+
+.option-counter {
+ margin: 0px 3px;
+ display: inline-block;
+}
+
+.option-counter div {
+ display: inline-block;
+ width: 8px;
+ height: 18px;
+ margin: 0px 1px;
+ background-image: url(images/text/numbers.png);
+ background-repeat: no-repeat;
+ background-position: 0px 0px;
+}
+
/* NAME LABEL */
- #nameLabel
- {
- position: absolute;
- top: 389px;
- left: 85px;
- background-image: url(images/nameLabel.png);
- background-repeat: no-repeat;
- background-position: 0px 0px;
- width: 302px;
- height: 22px;
- }
-
- #nameInput
- {
- position: absolute;
- left: 50px;
- top: 0px;
- width: 244px;
- height: 16px;
- background-color: transparent;
- border: none;
- border: 2px solid #939393;
- border-radius: 0px;
-
- color: white;
- font-family: '04b03';
- font-size: 18px;
- padding: 1px 2px;
- }
-
- #nameInput:active, #nameInput:focus
- {
- border: 2px solid #ddd;
- outline: none;
- }
+#nameLabel {
+ position: absolute;
+ top: 389px;
+ left: 85px;
+ background-image: url(images/nameLabel.png);
+ background-repeat: no-repeat;
+ background-position: 0px 0px;
+ width: 302px;
+ height: 22px;
+}
+
+#nameInput {
+ position: absolute;
+ left: 50px;
+ top: 0px;
+ width: 244px;
+ height: 16px;
+ background-color: transparent;
+ border: none;
+ border: 2px solid #939393;
+ border-radius: 0px;
+
+ color: white;
+ font-family: '04b03';
+ font-size: 18px;
+ padding: 1px 2px;
+}
+
+#nameInput:active,
+#nameInput:focus {
+ border: 2px solid #ddd;
+ outline: none;
+}
/* LOADING SCREEN */
- #loading-screen
- {
- top: 0px;
- left: 0px;
- width: 100%;
- height: 100%;
- position: absolute;
- z-index: 1000;
- background-color: #121212;
- opacity: 0.8;
- overflow: hidden;
- }
-
- #loading-text
- {
- width: 300px;
- height: 30px;
- position: fixed;
- top: 50%;
- left: 50%;
- margin-left: -150px;
- margin-top: -15px;
- text-align: center;
- font-size: 30px;
- color: white;
- }
\ No newline at end of file
+#loading-screen {
+ top: 0px;
+ left: 0px;
+ width: 100%;
+ height: 100%;
+ position: absolute;
+ z-index: 1000;
+ background-color: #121212;
+ opacity: 0.8;
+ overflow: hidden;
+}
+
+#loading-text {
+ width: 300px;
+ height: 30px;
+ position: fixed;
+ top: 50%;
+ left: 50%;
+ margin-left: -150px;
+ margin-top: -15px;
+ text-align: center;
+ font-size: 30px;
+ color: white;
+}
diff --git a/webchargen.js b/webchargen.js
deleted file mode 100644
index 4b14964..0000000
--- a/webchargen.js
+++ /dev/null
@@ -1,441 +0,0 @@
-"use strict";
-
-var config;
-
-var painter;
-var currentSettings;
-
-var imageInfo = {};
-var itemsToLoad = 0, itemsLoaded = 0;
-var percentLoaded = 0.0;
-
-var fadeDelay = 200;
-var fadeStyle = "fast";
-var loopID;
-
-var warpFrames = 16;
-var warpCurrentFrame = 0;
-var warpInterval = 50;
-
-// Hook up our onload and schnitzel-witzel
-$( function ()
- {
- currentSettings = new Settings();
- currentSettings.updateCounters();
-
- $.getJSON( 'webchargen.config.json', function ( data )
- {
- console.log( "Got JSON" );
-
- $.when( loadData( data, true ) ).then( function ()
- {
- painter = new Painter( document.getElementById( "character-preview" ) );
-
- currentSettings.recalc( config );
- console.log( "Loop started" );
- loopID = window.setInterval( loadingLoop, 10 );
- preLoad();
- }
- );
- }
- );
-
- // Click ALL the buttons!
- $(".big-button").click(function () {
- clickyDeselection();
- bigButtonClick( this );
- });
-
- $(".button").click(function() {
- clickyDeselection();
- littleButtonClick( this );
- });
-
- $("#button-randomize-look").click( function() {
- clickyDeselection();
- randomizeButtonClick();
- });
-
- $("#save-button").click( function() {
- saveImage();
- });
-
- $("#nameInput").keyup( function( event ) {
- if ( event.which == 13 )
- {
- event.preventDefault();
- checkName();
- }
- });
-
- $("#nameInput").blur( function() {
- checkName();
- });
-
- // Disables text selection of our pretty images in... some browser. I don't remember.
- // I saw it on the internet, so it has to be true.
- document.onselectstart = function() { return false; }
- }
-);
-
-// After fetching our config file, set some basics up
-function loadData( data )
-{
- config = data;
- console.log( "Loaded data with " + Object.size( config ) + " root nodes" );
-
- /*
- setOptionText();
-
- for (var v = 5; v <= 8; v++) {
- $("#variable-" + v).find(".label").css(
- { "background-image" : "url(images/text/" + config.sharedOptions[v - 5] + ".png)"}
- );
- }
- */
-
- $("#species-" + currentSettings.species).addClass("selected");
- $("#gender-" + currentSettings.gender).addClass("selected");
-
- console.log( "Hi mom" );
-}
-
-// Prefetch all our images. ALL OF ZEM.
-function preLoad()
-{
- for ( var t in config.sharedOptions )
- {
- var textImg = new Image();
- textImg.src = "images/text/" + config.sharedOptions[t] + ".png";
- textImg.onload = function() { incPercentLoaded(); }
- imageInfo["text-" + config.sharedOptions[t]] = textImg;
-
- itemsToLoad++;
- }
-
- for ( var r in config.species )
- {
- if ( r.charAt(0) == '_' )
- continue;
-
- // Prefetch male body sheet
- var bodyMaleImg = new Image();
- bodyMaleImg.src = "images/sheets/" + r + "/body-male.png";
- bodyMaleImg.onload = function() { incPercentLoaded(); }
- imageInfo[r + "-body-male"] = bodyMaleImg;
-
- // Prefetch female body sheet
- var bodyFemaleImg = new Image();
- bodyFemaleImg.src = "images/sheets/" + r + "/body-female.png";
- bodyFemaleImg.onload = function() { incPercentLoaded(); }
- imageInfo[r + "-body-female"] = bodyFemaleImg;
-
- // Prefetch front arm sheet
- var bodyfrontArmImg = new Image();
- bodyfrontArmImg.src = "images/sheets/" + r + "/body-frontArm.png";
- bodyfrontArmImg.onload = function() { incPercentLoaded(); }
- imageInfo[r + "-body-frontArm"] = bodyfrontArmImg;
-
- // Prefetch back arm sheet
- var bodybackArmImg = new Image();
- bodybackArmImg.src = "images/sheets/" + r + "/body-backArm.png";
- bodybackArmImg.onload = function() { incPercentLoaded(); }
- imageInfo[r + "-body-backArm"] = bodybackArmImg;
-
- // Prefetch accessory (hair) sheet
- var bodyMaleImg = new Image();
- bodyMaleImg.src = "images/sheets/" + r + "/body-accessories.png";
- bodyMaleImg.onload = function() { incPercentLoaded(); }
- imageInfo[r + "-body-accessory"] = bodyMaleImg;
-
- itemsToLoad += 5;
-
- for ( var t in config.species[r].variables.names )
- {
- var labelName = config.species[r].variables.names[t];
- if ( imageInfo["text-" + labelName] != null )
- continue;
-
- var textImg = new Image();
- textImg.src = "images/text/" + labelName + ".png";
- textImg.onload = function() { incPercentLoaded(); }
- imageInfo["text-" + labelName] = textImg;
-
- itemsToLoad++;
- }
-
- for ( var a in config.species[r].armors.names )
- {
- var aName = config.species[r].armors.names[a];
- if ( aName === null )
- continue;
-
- // Load male chest sheet
- var armorMaleChestImg = new Image();
- armorMaleChestImg.src = "images/sheets/" + r + "/armor-" + aName + "-chestMale.png";
- armorMaleChestImg.onload = function() { incPercentLoaded(); }
- imageInfo[r + "-armor-" + aName + "-maleChest"] = armorMaleChestImg;
-
- // Load female chest sheet
- var armorFemaleChestImg = new Image();
- armorFemaleChestImg.src = "images/sheets/" + r + "/armor-" + aName + "-chestFemale.png";
- armorFemaleChestImg.onload = function() { incPercentLoaded(); }
- imageInfo[r + "-armor-" + aName + "-femaleChest"] = armorFemaleChestImg;
-
- // Load male pants sheet
- var armorMalePantsImg = new Image();
- armorMalePantsImg.src = "images/sheets/" + r + "/armor-" + aName + "-pantsMale.png";
- armorMalePantsImg.onload = function() { incPercentLoaded(); }
- imageInfo[r + "-armor-" + aName + "-malePants"] = armorMalePantsImg;
-
- // Load female pants sheet
- var armorFemalePantsImg = new Image();
- armorFemalePantsImg.src = "images/sheets/" + r + "/armor-" + aName + "-pantsFemale.png";
- armorFemalePantsImg.onload = function() { incPercentLoaded(); }
- imageInfo[r + "-armor-" + aName + "-femalePants"] = armorFemalePantsImg;
-
- // Load front sleeve sheet
- var armorFrontSleeveImg = new Image();
- armorFrontSleeveImg.src = "images/sheets/" + r + "/armor-" + aName + "-frontSleeve.png";
- armorFrontSleeveImg.onload = function() { incPercentLoaded(); }
- imageInfo[r + "-armor-" + aName + "-frontSleeve"] = armorFrontSleeveImg;
-
- // Load back sleeve sheet
- var armorBackSleeveImg = new Image();
- armorBackSleeveImg.src = "images/sheets/" + r + "/armor-" + aName + "-backSleeve.png";
- armorBackSleeveImg.onload = function() { incPercentLoaded(); }
- imageInfo[r + "-armor-" + aName + "-backSleeve"] = armorBackSleeveImg;
-
- itemsToLoad += 5;
- }
-
- }
-
- // Load warp-in
- var warpImg = new Image();
- warpImg.src = "images/playerWarpIn.png";
- warpImg.onload = function() { incPercentLoaded(); }
- imageInfo["warpIn"] = warpImg;
-
- itemsToLoad++;
-}
-
-// Use entire function to increment one number. Like a boss.
-function incPercentLoaded()
-{
- itemsLoaded++;
-}
-
-// Poll our completion status, make everything ready once we're all set
-function loadingLoop()
-{
- var percentLoaded = ( itemsLoaded / itemsToLoad ) * 100;
-
- if (percentLoaded < 100 )
- {
- $("#loading-text").html( "Loading...