Targeting Reticle
SVG-based targeting HUD display inspired by NERV's EVA combat targeting system. Features diamond frame, rotating outer ring, inner lock circle, crosshair, tick marks, and data readouts.
[i]ANIME REFERENCE
Based on the "MODE:SHOOT" targeting interface used during EVA combat sequences, with the diamond-shaped targeting frame, rotating dashed circle, and coordinate readouts.
Default Reticle
inspection frame
live inspectionframe-01
MODE:SHOOT
With Coordinates & Readouts
inspection frame
live inspectionframe-01
MODE:SHOOT
X:035.221
Y:088.445
Z:012.003
TARGET-A
DIST:2400m
VEL:320m/s
Locked State
inspection frame
live inspectionframe-01
MODE:SHOOT
X:000.000
Y:000.000
LOCKED
Color Variants
inspection frame
live inspectionframe-01
ENGAGE
TRACK
SCAN
STANDBY
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| mode | string | 'MODE:SHOOT' | Current targeting mode label |
| locked | boolean | false | Whether the target is locked (inner circle turns red) |
| coordinates | { x: string; y: string; z?: string } | — | Coordinate readout values |
| readouts | { label: string; value: string }[] | — | Additional data readouts |
| color | 'red' | 'green' | 'cyan' | 'orange' | 'red' | Color theme |
| size | number | 400 | Size of the component in pixels |
| animated | boolean | true | Enable rotating outer ring animation |
| targetLabel | string | — | Label text for the target (shows 'LOCKED' when locked) |