/* global React */ // ───────────────────────────────────────────────────── // Codex × Comic mechanical machine illustrations. // Three machines: Press (Tier 01), Engine (Tier 02), Atelier (Tier 03). // Each follows the locked spec: 2.6/1.8/0.5–0.9 line weights, // 35° hatching, copper accents, ochre starburst, frame chrome. // ───────────────────────────────────────────────────── const MachineDefs = ({ id }) => ( ); const ComicBurst = ({ x, y, r, text, rot=-12, points=12 }) => { const path = []; for (let i = 0; i < points*2; i++) { const ang = (i / (points*2)) * Math.PI * 2; const rr = i % 2 === 0 ? r : r * 0.66; path.push(`${i===0?'M':'L'} ${Math.cos(ang)*rr} ${Math.sin(ang)*rr}`); } path.push("Z"); return ( {text} ); }; // ─── PRESS · MK II ─── const PressMachine = () => ( {/* action lines */} {[15,30,55,140,160,200,220,330,345].map(a => { const rad = a * Math.PI / 180; return ; })} {/* uprights */} {/* crossbeam */} {[70,110,150,190,230,270,310].map(x => ( ))} {/* screw */} {[60,76,92,108,124,140,156].map(y => ( ))} {/* knob */} {/* lever */} {/* swooshes */} {/* platen */} {/* pistons */} {/* tray */} {/* embedded chip */} G/AI {/* base */} {/* steam */} {/* burst */} {/* labels */} PISTON · 2T ); // ─── ENGINE · MK II ─── const EngineMachine = () => ( {[[60,75],[200,75],[340,75],[60,245],[200,245],[340,245]].map(([x,y],i) => ( ))} {/* primary gear */} {Array.from({length:14}).map((_,i) => { const a = (i / 14) * Math.PI * 2; const r1 = 38, r2 = 50, ang = 0.22; const x1 = Math.cos(a-ang) * r1, y1 = Math.sin(a-ang) * r1; const x2 = Math.cos(a-ang*0.65) * r2, y2 = Math.sin(a-ang*0.65) * r2; const x3 = Math.cos(a+ang*0.65) * r2, y3 = Math.sin(a+ang*0.65) * r2; const x4 = Math.cos(a+ang) * r1, y4 = Math.sin(a+ang) * r1; return ; })} {[0,72,144,216,288].map(a => { const rad = a * Math.PI / 180; return ; })} {/* drive gear */} {Array.from({length:10}).map((_,i) => { const a = (i / 10) * Math.PI * 2 + 0.3; const r1 = 24, r2 = 34, ang = 0.27; const x1 = Math.cos(a-ang) * r1, y1 = Math.sin(a-ang) * r1; const x2 = Math.cos(a-ang*0.65) * r2, y2 = Math.sin(a-ang*0.65) * r2; const x3 = Math.cos(a+ang*0.65) * r2, y3 = Math.sin(a+ang*0.65) * r2; const x4 = Math.cos(a+ang) * r1, y4 = Math.sin(a+ang) * r1; return ; })} {/* gauge */} PSI · MAX {/* pipe */} {/* embedded chip */} {[-13,-5,3,11].map(x => )} {[-13,-5,3,11].map(x => )} OAI {/* burst */} GEAR · 14T DRIVE · 10T ); // ─── ATELIER · MK II — bespoke workbench ─── const AtelierMachine = () => ( {/* workbench surface */} {/* legs */} {/* parchment scroll center */} {/* scroll lines */} {/* sketch annotation */} CUSTOM {/* compass */} {/* arc */} {/* magnifier */} {/* pulse rings around scroll (active) */} {/* burst */} {/* labels */} UNRESTRICTED · 30+ SRC ); const MACHINES = { 1: PressMachine, 2: EngineMachine, 3: AtelierMachine }; // Compact badge variant for hero / smaller frames const MachineCompact = ({ which=1 }) => { const M = MACHINES[which] || PressMachine; return ; }; Object.assign(window, { PressMachine, EngineMachine, AtelierMachine, MachineCompact, ComicBurst, MachineDefs });