/* Product scenes — photo-realistic SVG illustrations. Each scene: industrial product with material textures, lighting, shadows, and a believable defect. bbox is in % of the camera viewport. */ const PRODUCT_SCENES = [ /* ────────────────────────────────────────────────────────────────────── 1. PCB — green FR4 with realistic solder bridge between IC pins ────────────────────────────────────────────────────────────────────── */ { id: 'pcb', industry: 'Electronics', name: 'PCB · 4-layer FR4', sku: 'PCB-4L-A12', detector: 'pcb-solder-v3', defectName: 'solder bridge', defectScore: 0.91, defectTag: 'solder-bridge · 0.91', verdict: 'DEFECT', bbox: { x: 39, y: 25, w: 9, h: 9 }, heatmap: { x: 43.5, y: 29.5, intensity: 1 }, render: () => ( {/* PCB substrate weave texture */} {Array.from({length: 80}).map((_,i)=>( ))} {Array.from({length: 120}).map((_,i)=>( ))} {/* solder mask irregularity blobs */} {Array.from({length:24}).map((_,i)=>{ const x = (i*73 + 17) % 600; const y = (i*131 + 37) % 380; return ; })} {/* GROUND PLANE FILL — dotted pattern (typical PCB ground hatch) */} {Array.from({length: 30}).map((_,r) => Array.from({length: 50}).map((_,c) => ( )) )} {/* Dense copper trace network — multi-layer feel */} {/* horizontal bus traces */} {/* left side fan-out */} {/* right side fan-out */} {/* bottom IC fan-out into BGA grid below */} {/* serpentine length-matched pair */} {/* curved RF traces */} {/* trace shadow micro-offset for depth */} {/* VIAS — via-tenting pads scattered along traces */} {[ [200,60],[218,78],[420,78],[438,60],[180,72],[410,90],[430,72], [148,128],[128,146],[108,164],[88,182],[78,200],[98,218],[118,236],[138,254], [462,128],[482,146],[502,164],[522,182],[542,200],[522,218],[502,236],[462,254], [240,302],[360,302],[220,320],[380,320], [130,340],[160,340],[190,340],[160,370], [350,40],[450,40],[150,42],[260,40], [60,300],[540,300],[60,180],[540,180] ].map((p,i)=>( ))} {/* MOUNTING HOLES — corners */} {[[28,28],[572,28],[28,352],[572,352]].map((p,i)=>( ))} {/* MAIN IC — QFP package, dense pin count */} {/* pin-1 dimple */} VIAI-MCU QFP128 · ARMv8 JTX0-22-A · LOT 2613 {/* faint datecode mark */} 26W17·CN {/* package surface speckle */} {Array.from({length:30}).map((_,i)=>{ const x = 226 + (i*43)%148; const y = 130 + (i*29)%140; return ; })} {/* QFP pins — 32 per side */} {Array.from({length: 32}).map((_,i) => { const x = 224 + i * 4.85; return ( {/* bottom */} ); })} {Array.from({length: 32}).map((_,i) => { const y = 124 + i * 4.85; return ( ); })} {/* THE SOLDER BRIDGE DEFECT — between pins 5 & 6 on top edge */} {/* base shadow */} {/* main blob spanning two pins */} {/* metallic specular */} {/* drip onto pin pad */} {/* tarnish edge */} {/* tiny solder flux residue around */} {/* SECONDARY IC — small SOIC8 package */} PMIC-22 {Array.from({length:4}).map((_,i)=>( ))} {/* THIRD IC — small QFN */} USB-PD CC1-22 {Array.from({length:6}).map((_,i)=>( ))} {/* SMD PASSIVES — dense scatter of resistors and ceramic caps */} {[ // [x, y, w, h, color, label] [62, 100, 14, 7, '#1a1a1a', '10K'], [82, 100, 14, 7, '#1a1a1a', '4K7'], [102, 100, 14, 7, '#1a1a1a', '1K2'], [62, 116, 10, 5, '#5a3010', ''], // 0402 cap [78, 116, 10, 5, '#5a3010', ''], [94, 116, 10, 5, '#5a3010', ''], [110, 116, 10, 5, '#5a3010', ''], [126, 116, 10, 5, '#5a3010', ''], [142, 116, 10, 5, '#5a3010', ''], [62, 252, 14, 7, '#1a1a1a', '47K'], [82, 252, 14, 7, '#1a1a1a', '100'], [102, 252, 14, 7, '#1a1a1a', '22K'], [122, 252, 14, 7, '#1a1a1a', '4R7'], [488, 100, 14, 7, '#1a1a1a', '0R0'], [468, 100, 14, 7, '#1a1a1a', '10K'], [448, 100, 14, 7, '#5a3010', ''], [488, 116, 10, 5, '#5a3010', ''], [504, 116, 10, 5, '#5a3010', ''], [520, 116, 10, 5, '#5a3010', ''], [488, 252, 14, 7, '#1a1a1a', '2K2'], [468, 252, 14, 7, '#1a1a1a', '15K'], [448, 252, 14, 7, '#1a1a1a', '6K8'], [428, 252, 14, 7, '#5a3010', ''], [240, 100, 14, 5, '#5a3010', ''], [258, 100, 14, 5, '#5a3010', ''], [276, 100, 14, 5, '#5a3010', ''], [332, 100, 14, 5, '#5a3010', ''], [350, 100, 14, 5, '#5a3010', ''], [240, 290, 14, 5, '#5a3010', ''], [258, 290, 14, 5, '#5a3010', ''], [330, 290, 14, 5, '#5a3010', ''], [350, 290, 14, 5, '#5a3010', ''], [62, 60, 14, 7, '#1a1a1a', '22R'], [488, 60, 14, 7, '#1a1a1a', '22R'], ].map((p,i)=>{ const [x,y,w,h,c,l] = p; return ( {l && {l}} ); })} {/* ELECTROLYTIC CAPS — large cylindrical */} {[[88, 55, 16], [512, 55, 16]].map((p,i)=>{ const [cx,cy,r] = p; return ( {/* pressure relief X */} 100µF 25V {/* highlight stripe (silver band) */} ); })} {/* TANTALUM CAPS — yellow polarized rectangles */} {[[160, 350], [440, 350]].map((p,i)=>{ const [x,y] = p; return ( 10µF ); })} {/* INDUCTORS — square ferrite-core SMD */} {[[300, 56], [142, 304], [424, 304]].map((p,i)=>{ const [cx,cy] = p; return ( {/* visible copper wire underside */} 2R2 3A ); })} {/* CRYSTAL OSCILLATOR — silver can */} 25.000 MHz {/* CONNECTOR — USB-C right edge */} {/* shield tabs */} {/* CONNECTOR — pin header left edge */} {Array.from({length:6}).map((_,i)=>( ))} J1 {/* test point pads */} {[[170, 70, 'TP1'],[200, 70, 'TP2'],[400, 70, 'TP3'],[430, 70, 'TP4'], [170, 318, 'TP5'],[430, 318, 'TP6']].map((p,i)=>( {p[2]} ))} {/* LEDs */} {[[270, 332, '#a8ff60'],[310, 332, '#ffa860']].map((p,i)=>( ))} {/* SILKSCREEN — component refs and labels */} U1 U2 U3 Y1 C1 C2 L1 L2 L3 CT1 CT2 J2 PWR ACT {/* trace direction marks */} VBUS 3V3 CLK RST {/* board edge silkscreen */} VIAI · MAINBOARD REV 1.4 JTX-0421-A © 2026 VIAI · ASSEMBLED IN TW · ROHS {/* board edge highlight */} {/* macro lens vignette */} ), }, /* ────────────────────────────────────────────────────────────────────── 2. BEARING — steel ball bearing with realistic scratch ────────────────────────────────────────────────────────────────────── */ { id: 'bearing', industry: 'Automotive', name: 'Steel ball bearing · 6204-2RS', sku: 'BRG-6204', detector: 'bearing-surface-v2', defectName: 'surface scratch', defectScore: 0.87, defectTag: 'scratch · 0.87', verdict: 'DEFECT', bbox: { x: 61, y: 13, w: 14, h: 35 }, heatmap: { x: 68, y: 30, intensity: 0.9 }, render: () => ( {/* inspection mat surface — dark rubber with grain */} {Array.from({length: 80}).map((_,i) => ( ))} {/* graduation marks (calipers/measuring grid faint background) */} {Array.from({length: 12}).map((_,i) => ( ))} 0 20 40 {/* hard ground shadow */} {/* outer race rim shadow */} {/* OUTER RACE */} {/* outer race inner edge bevel */} {/* outer race groove (where balls sit) — deeper inset */} {/* fine machining circular grooves */} {Array.from({length: 28}).map((_, i) => ( ))} {Array.from({length: 28}).map((_, i) => ( ))} {/* light wear/scuff patches on outer race */} {/* INNER RACE WELL */} {/* inner race rim */} {/* inner race ball groove */} {/* center bore — through-shaft hole */} {/* faint depth glow inside bore */} {/* BRASS RETAINER CAGE — visible bridge segments between balls */} {Array.from({length: 8}).map((_, i) => { const a = (i / 8) * Math.PI * 2 - Math.PI / 2; const a2 = a + Math.PI / 8; const cx = 300 + Math.cos(a2) * 108; const cy = 190 + Math.sin(a2) * 108; return ( ); })} {/* steel balls visible in cage — bigger, more reflective */} {Array.from({length: 8}).map((_, i) => { const a = (i / 8) * Math.PI * 2 - Math.PI / 2; const r = 108; const cx = 300 + Math.cos(a) * r; const cy = 190 + Math.sin(a) * r; return ( {/* contact shadow */} {/* ball */} {/* reflection of overhead light */} {/* environment ring reflection */} ); })} {/* grease residue at ball-cage contact */} {Array.from({length: 8}).map((_, i) => { const a = (i / 8) * Math.PI * 2 - Math.PI / 2 + Math.PI / 16; const cx = 300 + Math.cos(a) * 108; const cy = 190 + Math.sin(a) * 108; return ( ); })} {/* THE DEFECT — deep gouge across outer race with displaced metal */} {/* dark gouge channel */} {/* highlight on raised lip */} {/* metal chips/flakes near scratch */} {/* secondary parallel stress crack */} {/* ETCHED PART NUMBER on inner race */} 6204-2RS SKF · MADE IN DE P/N 9821 · LOT 26B12 {/* lens vignette */} {/* measurement annotation overlay (top-left calipers reading) */} ⌀ 47.000mm ID 20.000mm W 14.000mm ), }, /* ────────────────────────────────────────────────────────────────────── 3. BEVERAGE — bottles on conveyor with low-fill detection ────────────────────────────────────────────────────────────────────── */ { id: 'beverage', industry: 'Food & Bev', name: 'Glass bottle · 330ml amber', sku: 'BTL-330-AMB', detector: 'fill-level-v4', defectName: 'low fill level', defectScore: 0.78, defectTag: 'fill-low · 78mm short', verdict: 'DEFECT', bbox: { x: 43, y: 21, w: 14, h: 18 }, heatmap: { x: 50, y: 30, intensity: 0.85 }, render: () => ( {/* factory ceiling — bay lights and trusses far back */} {/* truss bars */} {Array.from({length: 10}).map((_, i) => ( ))} {/* hanging bay lights */} {[100, 300, 500].map((x, i) => ( ))} {/* far wall — tile pattern */} {Array.from({length: 8}).map((_, r) => ( Array.from({length: 12}).map((_, c) => ( )) ))} {/* spec fill-line — drawn before bottles so it's behind glass */} SPEC FILL LINE · 78mm FROM CAP · ±2mm REF {/* CONVEYOR — deeper construction */} {/* steel side rail far */} {/* belt body */} {/* belt cleats — perspective */} {Array.from({length: 24}).map((_, i) => ( ))} {/* belt seam highlight */} {/* drip pan / front edge */} {/* condensation puddle on belt */} {/* small water droplets on belt */} {Array.from({length: 18}).map((_,i) => ( ))} {/* THREE BOTTLES — middle one underfilled */} {[140, 300, 460].map((cx, i) => { const fillTop = i === 1 ? 135 : 100; return ( {/* deep contact shadow */} {/* BOTTLE BODY */} {/* glass interior depth shading */} {/* LIQUID FILL with clip */} {/* meniscus + foam ring */} {/* tiny bubbles in foam */} {Array.from({length: 9}).map((_, j) => ( ))} {/* condensation droplets ON glass — only on non-empty section */} {Array.from({length: 14}).map((_, j) => { const dy = fillTop + 6 + j*15; const dx = cx - 28 + ((j*17)%56); if (dy > 295) return null; return ( ); })} {/* GLASS HIGHLIGHTS — left specular + right rim */} {/* shoulder highlight */} {/* PAPER LABEL — premium look */} {/* label corners darkened (curving around bottle) */} {/* top + bottom decorative bars */} {/* decorative crest medallion */} ★ {/* brand */} CRAFT — EST 1987 — Pale Ale 5.2% ABV · 330ml L26 · 04·08·26 {/* CAP — embossed crown */} {/* crown crinkle teeth — 21 fine ridges */} {Array.from({length: 14}).map((_, j) => ( ))} {/* embossed center logo on cap */} C {/* cap top reflection */} ); })} {/* DEFECT — delta arrow on the low bottle */} −14mm {/* INSPECTION CAMERA HOUSING — top right peek */} CAM-04 {/* light strobe ring at top — illumination cone */} ), }, /* ────────────────────────────────────────────────────────────────────── 4. PHARMA — blister pack with empty well ────────────────────────────────────────────────────────────────────── */ { id: 'pharma', industry: 'Pharma', name: 'Blister pack · 10×capsule', sku: 'BLI-10-CAP', detector: 'blister-void-v2', defectName: 'missing capsule', defectScore: 0.95, defectTag: 'void · 0.95', verdict: 'DEFECT', bbox: { x: 44, y: 49, w: 12, h: 20 }, heatmap: { x: 50, y: 59, intensity: 1 }, render: () => ( {/* dark inspection mat with fine texture */} {Array.from({length: 60}).map((_,i) => ( ))} {/* mat grid lines */} {Array.from({length: 13}).map((_,i) => ( ))} {Array.from({length: 9}).map((_,i) => ( ))} {/* DROP SHADOW — soft + hard */} {/* FOIL BACKING — base */} {/* foil edge bevels */} {/* perforated tear-strip on left side */} {Array.from({length: 11}).map((_,i) => ( ))} {/* embossed brand strip across top of foil */} AMOXICILLIN · 500mg ◆ KEEP DRY · 15–25°C ◆ {/* 5×2 capsule wells */} {[0, 1, 2, 3, 4].map(c => [0, 1].map(r => { const cx = 132 + c * 84; const cy = 152 + r * 72; const missing = (c === 2 && r === 1); return ( {missing ? ( {/* deep cratered void */} {/* dark inner */} {/* rim of dome (stretched but empty) */} {/* powder crumbs at bottom */} {/* white powder dust trail */} {Array.from({length: 8}).map((_,k) => ( ))} ) : ( {/* dome shadow */} {/* well dome (transparent thermoform plastic) */} {/* dome rim */} {/* dome highlight */} {/* CAPSULE — two-tone gelatin */} {/* shadow under capsule */} {/* red end (top) */} {/* cream end (bottom) */} {/* overlap join — red wraps over cream */} {/* specular highlights on capsule */} {/* dose imprint */} 500 )} ); }))} {/* DEFECT CALLOUT BADGE — small inline marker on the missing well */} {/* batch info bar */} LOT 24A917 · MFG 2026-03 · EXP 2028-03 · NDC 50580-449 RX-ONLY {/* GS1 datamatrix square */} {Array.from({length: 12}).map((_,r) => ( Array.from({length: 12}).map((_,c) => { const on = ((r*c + r + c*3) % 3) === 0 || (r === 0 && c % 2 === 0) || (c === 11 && r % 2 === 0); if (!on) return null; return ; }) ))} ), }, /* ────────────────────────────────────────────────────────────────────── 5. ALUMINUM CASTING — gas porosity defect ────────────────────────────────────────────────────────────────────── */ { id: 'casting', industry: 'Metal Fab', name: 'Aluminum casting · pump housing', sku: 'CST-AL-9821', detector: 'casting-porosity-v3', defectName: 'gas porosity cluster', defectScore: 0.83, defectTag: 'porosity · 0.83', verdict: 'DEFECT', bbox: { x: 33, y: 46, w: 12, h: 12 }, heatmap: { x: 39, y: 52, intensity: 0.9 }, render: () => ( {/* steel inspection bench surface */} {/* bench grating pattern */} {Array.from({length: 24}).map((_,i) => ( ))} {Array.from({length: 9}).map((_,i) => ( ))} {/* SCALE RULER bottom */} {Array.from({length: 11}).map((_,i) => ( {i%5===0 && ( {i*10}mm )} ))} {/* DEEP DROP SHADOW — soft + hard */} {/* CASTING BODY — hexagonal pump housing */} {/* warm tint overlay */} {/* LEFT BEVEL — chamfer face shadow */} {/* RIGHT BEVEL — chamfer face shadow */} {/* TOP HIGHLIGHT */} {/* PARTING LINE — horizontal seam from sand mold */} {/* small flash bumps on parting line */} {[150, 220, 340, 410, 470].map((x,i) => ( ))} {/* SAND-CAST PEBBLE TEXTURE — fine grain across face */} {Array.from({length: 200}).map((_, i) => { const x = 110 + (i*37)%380; const y = 90 + (i*61)%200; return ; })} {/* MACHINING SWIRL marks at top — broader */} {Array.from({length: 32}).map((_, i) => ( ))} {Array.from({length: 32}).map((_, i) => ( ))} {/* RIBS / structural cross-bracing */} {/* GATING REMNANT — small bump on top edge (where sprue was cut) */} {/* tiny bevel marks */} {Array.from({length: 7}).map((_,i) => ( ))} {/* MOUNTING BOLT-HOLES — 6 of them, more dimensional */} {[170, 300, 430].map(cx => ( {/* upper row */} {/* counterbore inner ring */} {/* tap thread highlight */} {Array.from({length: 6}).map((_,i) => ( ))} {/* lower row */} {Array.from({length: 6}).map((_,i) => ( ))} ))} {/* CENTER BORE — machined precisely */} {/* machined bore ring (precision turned) */} {/* concentric machining grooves inside bore */} {Array.from({length: 6}).map((_,i) => ( ))} {/* keyway slot */} {/* DATUM TARGETS / GD&T marks on body */} A1 B2 {/* THE DEFECT — porosity cluster (left of bore) — much denser */} {/* discoloration halo */} {/* faint gas streak around cluster */} {[ [216, 196, 4.5], [228, 188, 3.0], [240, 200, 4.2], [248, 192, 3.4], [220, 208, 3.8], [212, 200, 2.6], [256, 204, 2.8], [232, 212, 4.0], [244, 212, 3.2], [262, 196, 2.4], [200, 196, 2.2], [222, 184, 2.4], [252, 184, 2.6], [208, 212, 2.8], [236, 178, 1.8], [266, 188, 1.6], [196, 204, 1.8], [240, 184, 2.0], [228, 220, 2.2], [216, 220, 1.8] ].map(([cx, cy, r], i) => ( {/* dark void */} {/* highlight ring on rim */} ))} {/* DIE STAMP — embossed part marking */} P/N 9821-04 LOT 26B12 · DIE 03 {/* Foundry stamp — small triangle logo */} F AlSi9Cu3 · T6 ), }, /* ────────────────────────────────────────────────────────────────────── 6. PLASTIC CAPS — flash defect on edge ────────────────────────────────────────────────────────────────────── */ { id: 'plastic', industry: 'Injection Mold', name: 'Plastic cap · screw-top 28mm', sku: 'CAP-INJ-28', detector: 'mold-flash-v1', defectName: 'mold flash on rim', defectScore: 0.74, defectTag: 'flash · 0.74', verdict: 'DEFECT', bbox: { x: 80, y: 32, w: 9, h: 12 }, heatmap: { x: 84.5, y: 38, intensity: 0.75 }, render: () => ( {/* fine factory grid background */} {Array.from({length: 13}).map((_,i) => ( ))} {Array.from({length: 9}).map((_,i) => ( ))} {/* parts TRAY — molded with bevel */} {/* tray top highlight + bottom shadow */} {/* tray pockets — 6 wells where caps sit */} {[0, 1, 2].map(c => [0, 1].map(r => { const cx = 118 + c * 164; const cy = 150 + r * 90; return ( ); }))} {/* tray dividers — horizontal rib */} {/* tray label strip */} TRAY · A04 · 28mm QC · 04·08·26 {/* 6 CAPS — far more detailed */} {[0, 1, 2].map(c => [0, 1].map(r => { const cx = 118 + c * 164; const cy = 150 + r * 90; const defect = (c === 2 && r === 0); return ( {/* deep contact shadow */} {/* OUTER CAP body */} {/* glossy rim shine ring */} {/* KNURL ring — finer (96 ribs) and 3D */} {Array.from({ length: 96 }).map((_, i) => { const a = (i / 96) * Math.PI * 2; const x1 = cx + Math.cos(a) * 38; const y1 = cy + Math.sin(a) * 38; const x2 = cx + Math.cos(a) * 46; const y2 = cy + Math.sin(a) * 46; const top = Math.sin(a) < -0.1; return ( ); })} {/* knurl ring outer line */} {/* INNER TOP RECESS — pressed concave */} {/* concentric pressing rings */} {/* embossed brand circle */} {/* embossed brand */} VIAI VIAI {/* primary specular highlight */} {/* secondary highlight on opposite rim */} {/* injection-mold gate mark — small dot */} {/* MOLD CAVITY ID stamp */} CAV-{c*2 + r + 1} {/* part number tiny */} 28-PCO {/* DEFECT — flash spike on right rim */} {defect && ( {/* shadow under flash */} {/* the flash itself */} {/* surface highlight on flash */} {/* secondary tear */} {/* tiny stress whitening */} )} ); }))} {/* a few stray plastic crumbs in the tray */} {/* spec callout micrometer reading — bottom */} ⌀ 28.012mm H 14.000mm ✓ FLASH +0.42mm · CAV-5 · REJ ), }, /* ────────────────────────────────────────────────────────────────────── 7. TEXTILE — cotton weave with snag ────────────────────────────────────────────────────────────────────── */ { id: 'textile', industry: 'Textiles', name: 'Cotton weave · 320 GSM', sku: 'TX-COT-320', detector: 'fabric-snag-v2', defectName: 'pulled thread / snag', defectScore: 0.69, defectTag: 'snag · 0.69', verdict: 'WARN', bbox: { x: 42, y: 38, w: 17, h: 19 }, heatmap: { x: 50, y: 47, intensity: 0.6 }, render: () => ( {/* warp = vertical, weft = horizontal — proper plain weave pattern */} {/* warp threads going up — varying tones */} {/* weft threads going across */} {/* over/under pattern — weft passes over warp at alternating cells */} {/* highlights on top of each thread */} {/* tiny fiber strays */} {/* secondary fuzzy fiber overlay */} {/* base weave */} {/* fabric drape — slight shadow waves */} {/* light/vignette */} {/* fabric edge curl top + bottom */} {/* THE SNAG — much more detail */} {/* missing-weave halo (where threads have been pulled out) */} {/* exposed warp threads under the gap (shows through to dark backing) */} {[-30, -22, -14, -6, 2, 10, 18, 26].map((x,i) => ( ))} {/* the PULLED LOOP — cable-like, shaded */} {/* outer dark stroke */} {/* main thread */} {/* highlight on top of thread */} {/* twisted yarn texture — small chevrons */} {Array.from({length: 18}).map((_,i) => { const t = i/17; const x = -32 + t*64; const y = -10 + Math.sin(t*Math.PI*2.2)*16; return ; })} {/* loose fiber strays */} {/* tiny fiber halos / lint puffs */} {Array.from({length: 22}).map((_,i) => { const a = (i/22)*Math.PI*2; const r = 30 + (i%3)*8; const x = Math.cos(a)*r; const y = Math.sin(a)*r*0.65; return ; })} {/* knot point */} {/* SELVEDGE EDGE — sewn binding */} {/* stitch perforations */} {Array.from({length: 50}).map((_,i) => ( ))} {Array.from({length: 50}).map((_,i) => ( ))} {/* MAGNIFICATION RULER bottom-left */} {Array.from({length: 11}).map((_,i) => ( ))} 0 5mm 10mm {/* FABRIC SPEC plate */} 100% COT · 320 GSM · 60×40 ), }, /* ────────────────────────────────────────────────────────────────────── 8. SEMICONDUCTOR WAFER — particle contamination ────────────────────────────────────────────────────────────────────── */ { id: 'wafer', industry: 'Semiconductor', name: 'Silicon wafer · 200mm', sku: 'WFR-200-A', detector: 'wafer-particle-v1', defectName: 'particle contamination', defectScore: 0.81, defectTag: 'particle · 0.81', verdict: 'DEFECT', bbox: { x: 58, y: 33, w: 8, h: 10 }, heatmap: { x: 62, y: 38, intensity: 0.85 }, render: () => ( {/* CLEANROOM VINYL FLOOR — back surface */} {Array.from({length: 13}).map((_,i) => ( ))} {Array.from({length: 9}).map((_,i) => ( ))} {/* hard ground shadow */} {/* WAFER DISC — base */} {/* iridescent oil-slick sheen overlay */} {/* rim shadow */} {/* outer rim highlight */} {/* exclusion zone (edge bevel ring where die isn't printed) */} {/* notch (orientation flat) — small v-notch top */} {/* DIE GRID — clipped to wafer */} {/* individual dies — denser grid */} {Array.from({length: 24}).map((_, r) => Array.from({length: 24}).map((_, c) => { const x = 156 + c * 12; const y = 46 + r * 12; const dx = x + 6 - 300; const dy = y + 6 - 190; const dist = Math.sqrt(dx*dx + dy*dy); if (dist > 144) return null; const isBad = (r === 8 && c === 16) || (r === 9 && c === 17) || (r === 8 && c === 17) || (r === 18 && c === 6); return ( {/* internal die circuitry — 3 horizontal traces */} {/* corner pad */} {((r+c)%4 === 0) && ( )} ); }) )} {/* CIRCULAR LITHOGRAPHY HALO RINGS — interference patterns from polishing */} {Array.from({length: 14}).map((_,i) => ( ))} {Array.from({length: 14}).map((_,i) => ( ))} {/* SPECULAR HIGHLIGHT BAND across wafer */} {/* tweezer / handling tool peeking from bottom-right */} {/* THE DEFECT — particle (fiber + speck) — much more detailed */} {/* darker contamination halo */} {/* fiber strand — multi-segment */} {/* tiny barbs on fiber */} {/* main speck */} {/* secondary specks */} {/* SECONDARY (benign) specks elsewhere */} {/* WAFER ID stamp — small etched marking */} SLOT 12 · LOT W2406-A · 200mm · 130nm FOUP 03 · OP-1820 · KLA-T01 {/* coordinate crosshair on the defect die */} X+24, Y-12 ), }, /* ────────────────────────────────────────────────────────────────────── 9. WELD — MIG seam with undercut ────────────────────────────────────────────────────────────────────── */ { id: 'weld', industry: 'Metal Fab', name: 'MIG weld seam · S235 steel', sku: 'WLD-MIG-S235', detector: 'weld-quality-v2', defectName: 'undercut groove', defectScore: 0.79, defectTag: 'undercut · 0.79', verdict: 'DEFECT', bbox: { x: 37, y: 43, w: 24, h: 9 }, heatmap: { x: 49, y: 47, intensity: 0.85 }, render: () => ( {/* shop floor surface — distant */} {/* UPPER STEEL PLATE */} {/* mill scale + grain */} {Array.from({length: 80}).map((_,i) => ( ))} {Array.from({length: 50}).map((_,i) => ( ))} {/* upper plate top edge highlight */} {/* upper plate bottom edge — bevel showing into weld */} {/* surface grind bands */} {Array.from({length: 10}).map((_,i) => ( ))} {/* LOWER STEEL PLATE */} {Array.from({length: 80}).map((_,i) => ( ))} {Array.from({length: 50}).map((_,i) => ( ))} {Array.from({length: 10}).map((_,i) => ( ))} {/* HEAT-AFFECTED ZONE — full color rainbow tempering */} {/* secondary blue band further out */} {/* WELD BEAD shadow underneath */} {/* WELD BEAD body */} {/* bead top highlight */} {/* bead bottom shadow */} {/* bead toe highlights — top and bottom edges */} {/* RIPPLE PATTERN — much denser, each with full 3D shading */} {Array.from({ length: 50 }).map((_, i) => { const cx = 12 + i * 12; return ( {/* dark ripple shadow */} {/* main ripple ring */} {/* highlight on leading edge */} {/* trailing shadow */} {/* color heat-tint shimmer on each ripple */} ); })} {/* THE DEFECT — undercut groove on top edge of bead */} {/* deep groove — much more pronounced */} {/* dark interior */} {/* very dark inner shadow line */} {/* highlight on the lip ABOVE the groove (parent metal eaten) */} {/* secondary undercut cracks */} {/* SPATTER — many droplets */} {[ [420, 168, 2.4], [440, 142, 1.6], [185, 156, 2], [165, 230, 2.4], [460, 232, 1.8], [388, 134, 1.4], [510, 158, 1.2], [534, 170, 0.9], [122, 144, 1.6], [98, 224, 2], [502, 218, 1.4], [374, 248, 1.1], [258, 252, 0.9], [578, 188, 1.2], [44, 160, 1.4], [60, 252, 1.0], [150, 270, 0.7] ].map(([x, y, r], i) => ( ))} {/* slag islands — small dark glassy bits */} {/* SPEC LABEL plate */} MIG · ER70S-6 · 1.0mm · 24V/220A UNDERCUT 0.9mm · ISO 5817 D ), }, /* ────────────────────────────────────────────────────────────────────── 10. GLASS PANEL — hairline crack ────────────────────────────────────────────────────────────────────── */ { id: 'glass', industry: 'Display Glass', name: 'Cover glass · 7" panel', sku: 'GLS-CVR-7', detector: 'glass-crack-v1', defectName: 'hairline crack', defectScore: 0.88, defectTag: 'crack · 0.88', verdict: 'DEFECT', bbox: { x: 34, y: 24, w: 24, h: 51 }, heatmap: { x: 46, y: 47, intensity: 0.85 }, render: () => ( {/* room ambient — subtle grid behind glass for reflection feel */} {Array.from({length: 16}).map((_,i) => ( ))} {Array.from({length: 10}).map((_,i) => ( ))} {/* drop shadow — softer, multi-layer */} {/* OUTER BEZEL — 3D feel */} {/* top highlight */} {/* bottom shadow */} {/* side highlights */} {/* bezel inner step (recessed glass) */} {/* speaker grille / camera dot at top of bezel */} {/* brand etch */} VIAI {/* GLASS / DISPLAY surface */} {/* AOD-style minimal UI under the glass — clock + status */} 14:32 TUE · 04 NOV · 22°C {/* status bar */} 82% {/* notification cards */} 14:28 14:15 {/* dock indicators bottom */} {/* home indicator */} {/* GLOSSY REFLECTIONS — multi layer */} {/* corner light spot */} {/* fingerprint smudge — small, oily */} {/* glass edge highlight */} {/* IMPACT POINT GLOW — bloom under crack origin */} {/* THE CRACK — much more elaborate, fractal star pattern */} {/* main spine with kinks */} {/* dark inner shadow on main crack */} {/* major branches */} {/* secondary tertiary cracks */} {/* concentric arc cracks (impact zone) */} {/* white-hot specular crack glints — sparkle highlights along main crack */} {/* IMPACT CRATER — much more detailed */} {/* outer fracture rings */} {/* radial micro-cracks at impact — many */} {Array.from({length: 16}).map((_, i) => { const a = (i / 16) * Math.PI * 2; const len = 4 + (i%3) * 3; return ( ); })} {/* crater walls — chips */} {/* central dust/chip */} {/* tiny glass dust around impact */} {/* model label — etched into bezel feel */} VIAI-DISP-7 · GG VICTUS · 0.55mm ), }, ]; Object.assign(window, { PRODUCT_SCENES });