-8"> ===== FILE: public/live/avatars.js ===== /* EPISTLES AVATARS — 20 Original Designs */ /* Each builder returns a THREE.Group. No collision registration. */ /* Limbs (legL/legR/armL/armR) optional — animation guards with if checks. */ (function(){ 'use strict'; /* Shared materials — reused across avatars for performance */ var MAT = {}; /* ============================================================ EPISTLES DETAIL GRAMMAR: Procedural Engraved Material System Generates color + bump from same line source ============================================================ */ function generateEngravedPanel(opts) { opts = opts || {}; var size = opts.size || 2048; var seed = opts.seed || 1; var s = seed; function rand() { s = (s * 16807) % 2147483647; return (s - 1) / 2147483646; } var cv = document.createElement('canvas'); cv.width = cv.height = size; var ctx = cv.getContext('2d'); // Enable smoothing for anti-aliasing ctx.imageSmoothingEnabled = true; ctx.imageSmoothingQuality = 'high'; var bv = document.createElement('canvas'); bv.width = bv.height = size; var btx = bv.getContext('2d'); btx.imageSmoothingEnabled = true; var cx = size/2, cy = size/2; // Deep black background (negative space) ctx.fillStyle = '#0a0c0f'; ctx.fillRect(0, 0, size, size); btx.fillStyle = '#808080'; btx.fillRect(0, 0, size, size); function dline(x1,y1,x2,y2,w,col,bcol){ ctx.strokeStyle=col; ctx.lineWidth=w; ctx.lineCap='round'; ctx.beginPath(); ctx.moveTo(x1,y1); ctx.lineTo(x2,y2); ctx.stroke(); btx.strokeStyle=bcol; btx.lineWidth=w; btx.lineCap='round'; btx.beginPath(); btx.moveTo(x1,y1); btx.lineTo(x2,y2); btx.stroke(); } function dcirc(x,y,r,w,col,bcol){ ctx.strokeStyle=col; ctx.lineWidth=w; ctx.beginPath(); ctx.arc(x,y,r,0,Math.PI*2); ctx.stroke(); btx.strokeStyle=bcol; btx.lineWidth=w; btx.beginPath(); btx.arc(x,y,r,0,Math.PI*2); btx.stroke(); } // === OUTER GOLD BORDER (MESO frame, preserved) === var m1 = size*0.03; ctx.strokeStyle='#d4af37'; ctx.lineWidth=size*0.012; ctx.strokeRect(m1,m1,size-2*m1,size-2*m1); btx.strokeStyle='#ffffff'; btx.lineWidth=size*0.012; btx.strokeRect(m1,m1,size-2*m1,size-2*m1); // === SECONDARY BORDER (thin silver) === var m2 = m1 + size*0.025; dline(m2,m2,size-m2,m2, size*0.004, '#a8b0b8', '#d0d0d0'); dline(size-m2,m2,size-m2,size-m2, size*0.004, '#a8b0b8', '#d0d0d0'); dline(size-m2,size-m2,m2,size-m2, size*0.004, '#a8b0b8', '#d0d0d0'); dline(m2,size-m2,m2,m2, size*0.004, '#a8b0b8', '#d0d0d0'); // === TERTIARY BORDER (hairline gold, border-within-border) === var m3 = m2 + size*0.015; ctx.strokeStyle='#8a6d2f'; ctx.lineWidth=size*0.002; ctx.setLineDash([size*0.01, size*0.005]); ctx.strokeRect(m3,m3,size-2*m3,size-2*m3); ctx.setLineDash([]); btx.strokeStyle='#a0a0a0'; btx.lineWidth=size*0.002; btx.setLineDash([size*0.01, size*0.005]); btx.strokeRect(m3,m3,size-2*m3,size-2*m3); btx.setLineDash([]); // === FIELD: Interwoven rose-engine families === var fm = m3 + size*0.02; var fx = size/2, fy = size/2; var R = (size/2 - fm) * 0.92; // Family 1