125 lines
2.7 KiB
JavaScript
125 lines
2.7 KiB
JavaScript
let emptyValue = {
|
|
// 主题颜色
|
|
themeColor: "#296BEF",
|
|
// 头发颜色
|
|
hairColor: '#483029',
|
|
// 衣服颜色
|
|
clothesColor: "#EDA20C",
|
|
// 裤子颜色
|
|
trousersColor: "#296BEF",
|
|
// 鞋子颜色
|
|
shoesColor: "#296BEF",
|
|
// 物品颜色
|
|
itemColor: "#483029",
|
|
// 人物肤色
|
|
skinColor: "#ffcda5",
|
|
// 元素颜色
|
|
elementColor: "#ffffff"
|
|
};
|
|
|
|
/**
|
|
* 参数合并
|
|
*/
|
|
function initEmptyConfig(config) {
|
|
// 当主题色不为空时，将裤子和鞋子的颜色同步
|
|
if(config.themeColor !== undefined){
|
|
// 当裤子颜色为空时，默认主题色
|
|
if(config.trousersColor == undefined){config.trousersColor = config.themeColor};
|
|
// 当鞋子颜色为空时，默认主题色
|
|
if(config.shoesColor == undefined){config.shoesColor = config.themeColor};
|
|
};
|
|
emptyValue = Object.assign(emptyValue, config);
|
|
return emptyValue;
|
|
};
|
|
|
|
/**
|
|
* 颜色解析
|
|
*/
|
|
/**
|
|
* 主题色渐变混色
|
|
* @param c1 混色1
|
|
* @param c2 混色2
|
|
* @param weight 权重 0~1 之间
|
|
* @returns hex规定颜色值为十六进制值颜色
|
|
*/
|
|
function generateMixedColor(c1, c2, weight) {
|
|
weight = Math.max(Math.min(weight, 1), 0);
|
|
const r1 = parseInt(c1.substring(1, 3), 16);
|
|
const g1 = parseInt(c1.substring(3, 5), 16);
|
|
const b1 = parseInt(c1.substring(5, 7), 16);
|
|
const r2 = parseInt(c2.substring(1, 3), 16);
|
|
const g2 = parseInt(c2.substring(3, 5), 16);
|
|
const b2 = parseInt(c2.substring(5, 7), 16);
|
|
const r = Math.round(r1 * (1 - weight) + r2 * weight);
|
|
const g = Math.round(g1 * (1 - weight) + g2 * weight);
|
|
const b = Math.round(b1 * (1 - weight) + b2 * weight);
|
|
return `rgb(${r}, ${g}, ${b})`;
|
|
};
|
|
|
|
/**
|
|
* 主题颜色
|
|
*/
|
|
function funThemeColor(coefficient = 1) {
|
|
return generateMixedColor("#ffffff", `${emptyValue.themeColor}`, coefficient);
|
|
};
|
|
|
|
/**
|
|
* 头发颜色
|
|
*/
|
|
function funHairColor() {
|
|
return `${emptyValue.hairColor}`;
|
|
};
|
|
|
|
/**
|
|
* 衣服颜色
|
|
*/
|
|
function funClothesColor(coefficient = 1) {
|
|
return generateMixedColor("#ffffff", `${emptyValue.clothesColor}`, coefficient);
|
|
};
|
|
|
|
/**
|
|
* 裤子颜色
|
|
*/
|
|
function funTrousersColor(coefficient = 1) {
|
|
return generateMixedColor("#ffffff", `${emptyValue.trousersColor}`, coefficient);
|
|
};
|
|
|
|
/**
|
|
* 鞋子颜色
|
|
*/
|
|
function funShoesColor(coefficient = 1) {
|
|
return generateMixedColor("#ffffff", `${emptyValue.shoesColor}`, coefficient);
|
|
};
|
|
|
|
/**
|
|
* 人物肤色
|
|
*/
|
|
function funSkinColor(coefficient = 1) {
|
|
return generateMixedColor("#ffffff", `${emptyValue.skinColor}`, coefficient);
|
|
};
|
|
|
|
/**
|
|
* 元素颜色
|
|
*/
|
|
function funElementColor() {
|
|
return `${emptyValue.elementColor}`;
|
|
};
|
|
|
|
/**
|
|
* 元素颜色
|
|
*/
|
|
function funItemColor() {
|
|
return `${emptyValue.itemColor}`;
|
|
};
|
|
|
|
export {
|
|
funThemeColor,
|
|
funHairColor,
|
|
funClothesColor,
|
|
funTrousersColor,
|
|
funShoesColor,
|
|
funSkinColor,
|
|
funItemColor,
|
|
funElementColor,
|
|
initEmptyConfig
|
|
} |