101 lines
5.6 KiB
JavaScript
101 lines
5.6 KiB
JavaScript
/**
|
||
* 🎨 14 种智能体头像风格 × 100 个 = 1400 个 SVG 生成脚本
|
||
* - 风格：DiceBear 14 种（资源库 js/data/sources/dicebear-*.js）
|
||
* - 每种风格专属：渐变圆底 + 白色圆环 + lucide 风格徽章（视觉身份差异化）
|
||
* - bottts / bottts-neutral 复用 bot-common 过滤负面表情
|
||
* - 确定性 seed：{style}-1 .. {style}-100，每风格内部唯一
|
||
*
|
||
* 用法：node scripts/gen-14styles.js
|
||
*/
|
||
'use strict';
|
||
const fs = require('fs');
|
||
const path = require('path');
|
||
const vm = require('vm');
|
||
const { generateSeeds } = require('./bot-common');
|
||
|
||
const ROOT = path.resolve(__dirname, '..');
|
||
const OUT = path.join(ROOT, 'output', 'agent-avatars-png', 'avatars');
|
||
const DATE = '2026-08-19';
|
||
|
||
// —— 1. 风格配置（视觉身份 + 渐变 + 徽章图标）——
|
||
const STYLES = [
|
||
{ id: 'bottts', name: '科技机器人', desc: '机械与电路', c1: '#0f2a6b', c2: '#2563eb', badge: 'bot' },
|
||
{ id: 'bottts-neutral', name: '极简机器人', desc: '黑白灰几何', c1: '#374151', c2: '#9ca3af', badge: 'cpu' },
|
||
{ id: 'avataaars', name: '阿凡达', desc: '可定制人物角色', c1: '#166534', c2: '#4ade80', badge: 'user' },
|
||
{ id: 'adventurer', name: '冒险家', desc: '探险冒险人物', c1: '#92400e', c2: '#fbbf24', badge: 'compass' },
|
||
{ id: 'avataaars-neutral', name: '中性阿凡达', desc: '中性色人物角色', c1: '#065f46', c2: '#2dd4bf', badge: 'smile' },
|
||
{ id: 'adventurer-neutral',name: '中性冒险家', desc: '中性色探险人物', c1: '#78350f', c2: '#d97706', badge: 'map' },
|
||
{ id: 'open-peeps', name: '手绘小人', desc: '涂鸦风人物', c1: '#4338ca', c2: '#818cf8', badge: 'users' },
|
||
{ id: 'personas', name: '人物插画', desc: '现代扁平人物', c1: '#be185d', c2: '#f472b6', badge: 'palette' },
|
||
{ id: 'dylan', name: '迪伦人物', desc: '涂鸦线条人物', c1: '#0e7490', c2: '#67e8f9', badge: 'pen-tool' },
|
||
{ id: 'miniavs', name: '迷你头像', desc: '极简小人头像', c1: '#155e75', c2: '#22d3ee', badge: 'heart' },
|
||
{ id: 'big-smile', name: '大笑脸', desc: '圆脸微笑', c1: '#b45309', c2: '#fde047', badge: 'laugh' },
|
||
{ id: 'big-ears', name: '大耳朵', desc: '圆脸大耳', c1: '#9a3412', c2: '#fb923c', badge: 'ear' },
|
||
{ id: 'croodles', name: '卡通线条', desc: '简单线条卡通', c1: '#7c2d12', c2: '#f97316', badge: 'pencil' },
|
||
{ id: 'lorelei', name: '洛雷莱', desc: '唯美插画人物', c1: '#9d174d', c2: '#f9a8d4', badge: 'flower' }
|
||
];
|
||
|
||
// —— 2. 加载引擎 + 风格定义 + lucide 徽章 ——
|
||
global.window = global;
|
||
function load(rel) { vm.runInThisContext(fs.readFileSync(path.join(ROOT, rel), 'utf8'), { filename: rel }); }
|
||
load('js/core/dicebear.js');
|
||
load('js/data/sources/lucide.js');
|
||
for (const s of STYLES) load('js/data/sources/dicebear-' + s.id + '.js');
|
||
|
||
const lucideIcons = window['HGB_Source_lucide'].icons;
|
||
|
||
// —— 3. 徽章 SVG（lucide 24×24 白色线条）——
|
||
function badgeSvg(name) {
|
||
const ic = lucideIcons.find(x => x.name === name);
|
||
if (!ic || !ic.svg) return '';
|
||
const m = ic.svg.match(/<svg[^>]*>([\s\S]*)<\/svg>/);
|
||
return m ? m[1] : '';
|
||
}
|
||
|
||
// —— 4. 包装：渐变圆底 + 头像 + 白环 + 徽章 ——
|
||
function wrap(svg, w, h, st, idx) {
|
||
const inner = svg.replace(/^<\?xml[^>]*\?>\s*/, '').replace(/^<svg[^>]*>/, '').replace(/<\/svg>\s*$/, '');
|
||
const s = 200 / Math.max(w, h);
|
||
const tx = (240 - w * s) / 2, ty = (240 - h * s) / 2;
|
||
const badge = badgeSvg(st.badge);
|
||
return `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 240 240" width="240" height="240">
|
||
<defs>
|
||
<linearGradient id="g${idx}" x1="0" y1="0" x2="1" y2="1">
|
||
<stop offset="0%" stop-color="${st.c1}"/><stop offset="100%" stop-color="${st.c2}"/>
|
||
</linearGradient>
|
||
<clipPath id="c${idx}"><circle cx="120" cy="120" r="120"/></clipPath>
|
||
</defs>
|
||
<rect width="240" height="240" fill="url(#g${idx})" clip-path="url(#c${idx})"/>
|
||
<g transform="translate(${tx.toFixed(2)} ${ty.toFixed(2)}) scale(${s.toFixed(4)})">${inner}</g>
|
||
<circle cx="120" cy="120" r="114" fill="none" stroke="#ffffff" stroke-opacity="0.4" stroke-width="2.5"/>
|
||
<g transform="translate(196 196)"><circle r="27" fill="#ffffff" fill-opacity="0.22"/><g transform="translate(-12 -12)">${badge}</g></g>
|
||
</svg>`;
|
||
}
|
||
|
||
// —— 5. 逐风格生成 ——
|
||
const meta = { generatedAt: new Date().toISOString(), date: DATE, styles: [] };
|
||
fs.mkdirSync(OUT, { recursive: true });
|
||
let total = 0;
|
||
|
||
for (const st of STYLES) {
|
||
const cards = generateSeeds(seed => HGB_Dicebear.renderAvatar(st.id, seed), 100);
|
||
const styleDir = path.join(OUT, st.id);
|
||
fs.mkdirSync(styleDir, { recursive: true });
|
||
const list = [];
|
||
cards.forEach((c, i) => {
|
||
const n = String(i + 1).padStart(3, '0');
|
||
const def = window['HGB_Dicebear_' + st.id.replace(/-/g, '_')];
|
||
const w = def.canvas.width, h = def.canvas.height;
|
||
const out = wrap(c.svg, w, h, st, i + 1);
|
||
const file = `${st.id}-${n}.svg`;
|
||
fs.writeFileSync(path.join(styleDir, file), out, 'utf8');
|
||
list.push({ file, seed: c.seed, date: DATE });
|
||
});
|
||
meta.styles.push({ id: st.id, name: st.name, desc: st.desc, c1: st.c1, c2: st.c2, badge: st.badge, count: list.length, avatars: list });
|
||
total += list.length;
|
||
console.log(`✅ ${st.id}（${st.name}）: ${list.length} 个`);
|
||
}
|
||
|
||
fs.writeFileSync(path.join(OUT, 'meta.json'), JSON.stringify(meta), 'utf8');
|
||
console.log(`🎉 共 ${total} 个 SVG → output/agent-avatars-png/avatars/ + meta.json`);
|