// INTERACCIÓN — 14 sigilos (palo ámbar). LA ESCUCHA ya está en sigils.jsx.
// 1 CONTACTO · 2 SEÑAL · 3 RETROALIMENTACIÓN · 4 COOPERACIÓN · 5 CONFLICTO
// 6 NEGOCIACIÓN · 7 CONTAGIO · 8 COMPETENCIA · 9 INTERCAMBIO · 10 RED
// 11 EL MENSAJERO · 12 EL CATALIZADOR · 13 LA ESCUCHA [✓] · 14 EL VÍNCULO
const I_SVG = ({ children, size = 300 }) => (
);
const _ir = (s) => {
let a = s >>> 0;
return () => { a = (a + 0x6D2B79F5) >>> 0; let t = a; t = Math.imul(t ^ (t >>> 15), t | 1); t ^= t + Math.imul(t ^ (t >>> 7), t | 61); return ((t ^ (t >>> 14)) >>> 0) / 4294967296; };
};
const ArrI = ({ id, color }) => (
);
// 1 · CONTACTO — two circles just touching
const Sigil_CONTACTO = ({ color, size = 300 }) => {
const cx = size/2, cy = size/2;
return
{/* contact point highlight */}
A
B
×
;
};
// 2 · SEÑAL — pulse traveling between sender and receiver
const Sigil_SENAL = ({ color, size = 300 }) => {
const cx = size/2, cy = size/2;
return
{/* sender */}
{/* receiver */}
{/* wavefronts traveling left → right */}
{[80, 120, 165, 210].map((x, i) => (
))}
{/* direction arrow */}
TX
RX
;
};
// 3 · RETROALIMENTACIÓN — closed loop with +/- sign
const Sigil_RETROALIMENTACION = ({ color, size = 300 }) => {
const cx = size/2, cy = size/2;
return
{/* box: system */}
sistema
{/* in arrow */}
{/* out arrow */}
{/* feedback loop */}
{/* +/- label on loop */}
±
;
};
// 4 · COOPERACIÓN — two arrows joining into one larger
const Sigil_COOPERACION = ({ color, size = 300 }) => {
const cx = size/2;
return
{/* two input arrows */}
{/* meeting node */}
+
{/* output — bigger arrow */}
2+2 > 4
;
};
// 5 · CONFLICTO — two opposing arrows
const Sigil_CONFLICTO = ({ color, size = 300 }) => {
const cx = size/2, cy = size/2;
return
{/* left arrow → */}
{/* right arrow ← */}
{/* collision burst */}
{Array.from({length:12}).map((_,i)=>{
const a = (i/12)*Math.PI*2;
return ;
})}
A
B
;
};
// 6 · NEGOCIACIÓN — both arrows curve to meet at compromise
const Sigil_NEGOCIACION = ({ color, size = 300 }) => {
const cx = size/2, cy = size/2;
return
{/* axes */}
{/* A's curve */}
{/* B's curve */}
{/* meeting point */}
acuerdo
A*
B*
;
};
// 7 · CONTAGIO — spreading wave through network
const Sigil_CONTAGIO = ({ color, size = 300 }) => {
const cx = size/2, cy = size/2;
const r = _ir(7);
// generate nodes
const N = 22;
const nodes = Array.from({length:N}).map((_,i)=>({
x: 30 + r()*(size-60),
y: 30 + r()*(size-60),
}));
const center = nodes[0];
const dists = nodes.map(n => Math.hypot(n.x-center.x, n.y-center.y));
return
{/* edges to nearest neighbors */}
{nodes.map((n,i) => nodes.slice(i+1).map((m,j) => {
const d = Math.hypot(n.x-m.x, n.y-m.y);
if (d < 70) return ;
return null;
}))}
{/* nodes — filled by distance (infection front) */}
{nodes.map((n,i) => {
const infected = dists[i] < 80;
return ;
})}
{/* origin marker */}
{/* expanding ring */}
;
};
// 8 · COMPETENCIA — Lotka-Volterra-like predator/prey oscillation
const Sigil_COMPETENCIA = ({ color, size = 300 }) => {
const cy = size/2;
return
{/* axes */}
{/* prey */}
{
const x = 40 + (i/119)*(size-60);
const y = cy + Math.sin(i*0.13)*40;
return `${i===0?'M':'L'} ${x.toFixed(1)} ${y.toFixed(1)}`;
}).join(' ')} fill="none" stroke={color} strokeWidth={1.5}/>
{/* predator — phase-shifted */}
{
const x = 40 + (i/119)*(size-60);
const y = cy + Math.sin(i*0.13 - 1.2)*30;
return `${i===0?'M':'L'} ${x.toFixed(1)} ${y.toFixed(1)}`;
}).join(' ')} fill="none" stroke={color} strokeWidth={1.5} strokeDasharray="3 3" opacity={0.8}/>
presa
—— depredador
;
};
// 9 · INTERCAMBIO — reciprocal swap of objects
const Sigil_INTERCAMBIO = ({ color, size = 300 }) => {
const cx = size/2, cy = size/2;
return
{/* two figures */}
A
B
{/* upper arrow A → B with object */}
{/* lower arrow B → A with different object */}
;
};
// 10 · RED — multi-cluster graph
const Sigil_RED = ({ color, size = 300 }) => {
const r = _ir(10);
// 3 clusters
const clusters = [
{ cx: 80, cy: 80, n: 6 },
{ cx: 220, cy: 90, n: 5 },
{ cx: 150, cy: 220, n: 6 },
];
const nodes = [];
clusters.forEach(cl => {
for (let i = 0; i < cl.n; i++) {
const a = (i/cl.n)*Math.PI*2 + r();
nodes.push({
x: cl.cx + Math.cos(a)*(15+r()*15),
y: cl.cy + Math.sin(a)*(15+r()*15),
cluster: cl,
});
}
});
return
{/* intra-cluster edges */}
{nodes.map((n,i) => nodes.slice(i+1).map((m,j) => {
if (n.cluster === m.cluster && Math.hypot(n.x-m.x, n.y-m.y) < 40) {
return ;
}
return null;
}))}
{/* inter-cluster bridges (few) */}
{/* nodes */}
{nodes.map((n,i)=>())}
;
};
// 11 · EL MENSAJERO (Sota) — figure crossing a boundary
const Sigil_MENSAJERO = ({ color, size = 300 }) => {
const cx = size/2, cy = size/2;
return
{/* the boundary */}
{/* two regions */}
aquí
allá
{/* figure on the boundary, walking right */}
{/* head */}
{/* body */}
{/* arms — one carrying message */}
{/* message scroll */}
{/* legs walking */}
{/* footsteps left behind */}
;
};
// 12 · EL CATALIZADOR (Caballero) — lowering activation barrier (different angle than CATÁLISIS in EMERGENCIA)
const Sigil_CATALIZADOR = ({ color, size = 300 }) => {
const cx = size/2, cy = size/2;
return
{/* two reactants approaching */}
A
B
{/* the catalyst — Y-shape gripping both */}
{/* attraction arrows */}
{/* result fast */}
A·B
FASTER, INTACT
;
};
// 14 · EL VÍNCULO (Rey) — interlocked chain links / knot
const Sigil_VINCULO = ({ color, size = 300 }) => {
const cx = size/2, cy = size/2;
return
{/* two interlocking torus rings */}
{/* the right ring drawn over the left at top, under at bottom — illusion */}
{/* tension marks */}
{[[cx-20, cy], [cx-3, cy]].map(([x,y],i)=>(
))}
;
};
Object.assign(PILOT_SIGILS, {
'CONTACTO': Sigil_CONTACTO,
'SEÑAL': Sigil_SENAL,
'RETROALIMENTACIÓN': Sigil_RETROALIMENTACION,
'COOPERACIÓN': Sigil_COOPERACION,
'CONFLICTO': Sigil_CONFLICTO,
'NEGOCIACIÓN': Sigil_NEGOCIACION,
'CONTAGIO': Sigil_CONTAGIO,
'COMPETENCIA': Sigil_COMPETENCIA,
'INTERCAMBIO': Sigil_INTERCAMBIO,
'RED': Sigil_RED,
'EL MENSAJERO': Sigil_MENSAJERO,
'EL CATALIZADOR': Sigil_CATALIZADOR,
'EL VÍNCULO': Sigil_VINCULO,
});