@jjlmoya/utils-tabletop 1.11.0 → 1.13.0

package/src/tool/scatter-direction-selector/i18n/de.ts

@@ -0,0 +1,143 @@
+import { bibliography } from '../bibliography';
+import type { ScatterSelectorLocaleContent } from '../entry';
+
+const ui = {
+  title: 'Streuwahl Richtung',
+  setupTitle: 'Streueinstellungen',
+  sectorsLabel: 'Kompasssektoren',
+  sectors8: '8 Richtungen',
+  sectors12: '12 Richtungen (Uhr)',
+  diceLabel: 'Abweichungsdistanz',
+  diceD6: '1W6 Zoll',
+  dice2D6: '2W6 Zoll',
+  diceD10: '1W10 Zoll',
+  diceCustom: 'Benutzerdefinierter Bereich',
+  customMaxLabel: 'Maximale Distanz',
+  hitChanceLabel: 'Direkttrefferwahrscheinlichkeit (%)',
+  rollButton: 'Streuwurf',
+  hitResult: 'Direkttreffer!',
+  scatterResult: 'Streuung!',
+  distanceLabel: 'Distanz',
+  angleLabel: 'Winkel',
+  dragHint: 'Ziehe den Kompass, um die Windrichtung manuell einzustellen',
+  historyTitle: 'Letzte Würfe',
+  clearHistory: 'Verlauf löschen',
+  presetTitle: 'Wargaming-Voreinstellungen',
+  soundOn: 'Sound an',
+  soundOff: 'Sound aus',
+  guideStep1: 'Ziehe den Kompass, um ihn an deiner Tischausrichtung auszurichten',
+  guideStep2: 'Wähle Sektoren, Würfel und Direkttrefferchance',
+  guideStep3: 'Mitte = dein Ziel. Grünes Leuchten bedeutet Volltreffer',
+  guideStep3Scatter: 'Pfeil = Abweichungsrichtung. Versetze den Schuss von der Mitte um die angegebenen Zoll entlang des Pfeils',
+  scatterModeLabel: 'Streurichtung',
+  scatterModeRandom: 'Zufällig',
+  scatterModeWind: 'Winddrift',
+  scatterModeWindHint: 'Der Pfeil folgt immer dem Kompass - nur die Distanz ist zufällig',
+};
+
+const faq = [
+  {
+    question: 'Wie funktioniert der Streuwahl Richtung-Wähler?',
+    answer: 'Er berechnet einen zufälligen Winkel (0-359 Grad) und eine Distanz basierend auf der gewählten Würfelkonfiguration. Außerdem simuliert er einen Streuwürfel und prüft auf Direkttreffer.',
+  },
+  {
+    question: 'Kann ich das Sektorformat ändern?',
+    answer: 'Ja, du kannst zwischen 8-Richtungs-Kardinalsektoren und 12-Richtungs-Uhrzeitsektoren umschalten.',
+  },
+  {
+    question: 'Was ist die Direkttrefferwahrscheinlichkeit?',
+    answer: 'Sie gibt die Chance an, dass das Projektil genau dort landet, wo gezielt wurde, ohne Abweichung. Dies simuliert ein "Treffer"-Ergebnis eines normalen Streuwürfels.',
+  },
+  {
+    question: 'Ist das mit Warhammer oder Bolt Action kompatibel?',
+    answer: 'Ja, es unterstützt die üblichen 8-Richtungs-Kardinalvorlagen und 12-Richtungs-Uhrzeitausrichtungen der meisten taktischen Tabletop-Spiele.',
+  },
+  {
+    question: 'Was zeigt die Projektilbahn-Animation?',
+    answer: 'Ein leuchtendes Projektil fliegt von der Kompassmitte zum Streulandeplatz und hinterlässt eine gestrichelte Spur. Bei einem Direkttreffer bleibt das Projektil zentriert und grüne Ringe breiten sich pulsend aus.',
+  },
+  {
+    question: 'Wie wird die Streudistanz visuell dargestellt?',
+    answer: 'Die Distanz in Zoll erscheint als schwebende Markierung am Einschlagpunkt entlang der Abweichungsrichtung. Der rote Kompasspfeil fixiert sich auf den endgültigen Winkel für eine schnelle Schablonenausrichtung.',
+  },
+];
+
+const howTo = [
+  {
+    name: 'Regeln konfigurieren',
+    text: 'Wähle Kompasssektoren, einen Distanzwürfel und stelle die Direkttrefferwahrscheinlichkeit ein.',
+  },
+  {
+    name: 'Würfeln oder Ziehen',
+    text: 'Klicke auf Streuwurf, um die Abweichung zu simulieren, oder ziehe am Kompassrad, um die Richtung manuell anzupassen.',
+  },
+  {
+    name: 'Ergebnis ablesen',
+    text: 'Überprüfe die zentrale Anzeige und den Vektorpfeil, um die genaue Distanz, den Winkel und die Richtung der Streuung zu ermitteln.',
+  },
+  {
+    name: 'Bahn beobachten',
+    text: 'Beobachte nach dem Wurf das animierte Projektil über den Kompass fliegen. Die gestrichelte Spur zeigt den Abweichungspfad, und der Einschlagpunkt zeigt die Distanz in Zoll an.',
+  },
+  {
+    name: 'Ergebnis interpretieren',
+    text: 'Ein grüner Puls mit "DIRECT HIT" bedeutet keine Abweichung. Eine rote Explosion mit Distanzangabe bedeutet Streuung  -  platziere deine Schablone in Pfeilrichtung in dieser Entfernung vom Ziel.',
+  },
+];
+
+export const content: ScatterSelectorLocaleContent = {
+  slug: 'streuwahl-richtung',
+  title: 'Streuwahl Richtung: Taktischer Kompass für Tabletop Wargames',
+  description: 'Ermittle zufällige Abweichungen, Winddrift und Streurichtungen für Miniaturen-Wargames mit einem taktilen 3D-Kompass.',
+  ui,
+  seo: [
+    { type: 'title', text: 'Interaktiver Streukompass mit Echtzeit Projektilanimation', level: 2 },
+    { type: 'paragraph', html: 'Der Streuwahl Richtung-Wähler geht über die reine Zahlengenerierung hinaus, indem er eine animierte Projektilbahn direkt auf der Kompassüberlagerung darstellt. Beim Klicken auf Streuwurf fliegt ein leuchtendes Projektil vom Zentrum entlang des Abweichungswinkels, hinterlässt eine gestrichelte Spur und zerplatzt am Einschlagpunkt in Partikel.' },
+    { type: 'stats', items: [
+      { value: '2', label: 'Sektorsysteme', icon: 'mdi:compass-rose' },
+      { value: '4', label: 'Würfelvoreinstellungen', icon: 'mdi:dice-d6' },
+      { value: '0-100%', label: 'Trefferwahrscheinlichkeit', icon: 'mdi:target' },
+      { value: '10', label: 'Letzte Würfe', icon: 'mdi:history' },
+    ], columns: 4 },
+    { type: 'title', text: 'Wie die Flugbahn Animation die Entscheidungsfindung beim Wargaming verbessert', level: 3 },
+    { type: 'paragraph', html: 'Herkömmliche Streuwerkzeuge zeigen einen numerischen Winkel und eine Distanz an, sodass Spieler den Versatz auf dem Spieltisch mental visualisieren müssen. Die animierte Bahn schließt diese Lücke, indem sie den exakten Flugweg vom Zielpunkt bis zur Streulandszone einzeichnet.' },
+    { type: 'diagnostic', variant: 'success', title: 'Direkttreffer', html: 'Wenn der Wurf die Trefferwahrscheinlichkeit übertrifft, erstrahlt die Kompassmitte in pulsierenden grünen Ringen und einer "DIRECT HIT"-Textanimation. Das Projektil kehrt zur Mitte zurück und bestätigt einen perfekten Treffer ohne Abweichung.' },
+    { type: 'diagnostic', variant: 'error', title: 'Streuung', html: 'Bei einem Streuergebnis folgt das Projektil einer gestrichelten Bahn zum Einschlagspunkt. Eine Partikelexplosion, eine leuchtende Markierung und die Distanz in Zoll (z. B. <strong>5"</strong>) erscheinen am Landeort.' },
+    { type: 'tip', title: 'Profi Tipp: Winddrift Modus nutzen', html: 'Aktiviere Winddrift, um die Streurichtung auf den manuell eingestellten Kompasswinkel zu fixieren. Simuliert vorherrschenden Wind oder einen festen Verschiebungsvektor  -  ideal für ungelenkte Raketen, Gaswolken oder fehlgeschlagene Teleportationen.' },
+  ],
+  faq,
+  bibliography,
+  howTo,
+  schemas: [
+    {
+      '@context': 'https://schema.org',
+      '@type': 'FAQPage',
+      'mainEntity': faq.map((f) => ({
+        '@type': 'Question',
+        'name': f.question,
+        'acceptedAnswer': {
+          '@type': 'Answer',
+          'text': f.answer,
+        },
+      })),
+    },
+    {
+      '@context': 'https://schema.org',
+      '@type': 'SoftwareApplication',
+      'name': 'Streuwahl Richtung',
+      'operatingSystem': 'All',
+      'applicationCategory': 'UtilitiesApplication',
+      'browserRequirements': 'Requires HTML5. Requires JavaScript.',
+    },
+    {
+      '@context': 'https://schema.org',
+      '@type': 'HowTo',
+      'name': 'So verwendest du den Streuwahl Richtung-Wähler',
+      'step': howTo.map((h) => ({
+        '@type': 'HowToStep',
+        'name': h.name,
+        'text': h.text,
+      })),
+    },
+  ],
+};

package/src/tool/scatter-direction-selector/i18n/en.ts

@@ -0,0 +1,231 @@
+import { bibliography } from '../bibliography';
+import type { ToolLocaleContent } from '../../../types';
+import type { ScatterSelectorUI } from '../entry';
+
+const ui: ScatterSelectorUI = {
+  title: 'Scatter Direction Selector',
+  setupTitle: 'Scatter Settings',
+  sectorsLabel: 'Compass Sectors',
+  sectors8: '8 Directions',
+  sectors12: '12 Directions (Clock)',
+  diceLabel: 'Deviation Distance Roll',
+  diceD6: '1D6 Inches',
+  dice2D6: '2D6 Inches',
+  diceD10: '1D10 Inches',
+  diceCustom: 'Custom Range',
+  customMaxLabel: 'Maximum Distance',
+  hitChanceLabel: 'Direct Hit Probability (%)',
+  rollButton: 'Roll Scatter',
+  hitResult: 'Direct Hit!',
+  scatterResult: 'Scatter!',
+  distanceLabel: 'Distance',
+  angleLabel: 'Angle',
+  dragHint: 'Drag the compass to set wind direction manually',
+  historyTitle: 'Recent Rolls',
+  clearHistory: 'Clear History',
+  presetTitle: 'Wargaming Presets',
+  soundOn: 'Sound On',
+  soundOff: 'Sound Off',
+  guideStep1: 'Drag the compass to match your table orientation',
+  guideStep2: 'Pick sectors, dice and direct hit chance',
+  guideStep3: 'Center = your target. Green glow means it landed there exactly',
+  guideStep3Scatter: 'Arrow = deviation direction. Move the shot from center that many inches along the arrow',
+  scatterModeLabel: 'Scatter Direction',
+  scatterModeRandom: 'Random',
+  scatterModeWind: 'Wind Drift',
+  scatterModeWindHint: 'Arrow always follows compass - only distance is random',
+};
+
+const faq = [
+  {
+    question: 'How does the Scatter Direction Selector work?',
+    answer: 'It calculates a random angle (0-359 degrees) and distance based on selected dice configurations. It also simulates a scatter die, checking for direct hits.',
+  },
+  {
+    question: 'Can I change the sector format?',
+    answer: 'Yes, you can toggle between 8-direction cardinal sectors and 12-direction clock-face sectors.',
+  },
+  {
+    question: 'What is the direct hit probability?',
+    answer: 'It represents the chance that the projectile lands exactly where targeted without any deviation or scatter, simulating a "Hit" result on a standard scatter die.',
+  },
+  {
+    question: 'Is this compatible with Warhammer or Bolt Action?',
+    answer: 'Yes, it supports standard 8-direction templates and 12-direction clock alignments used in most tactical wargames and miniature rulesets.',
+  },
+  {
+    question: 'What does the projectile trajectory animation show?',
+    answer: 'A glowing projectile travels from the centre of the compass to the scatter landing point, leaving a dashed trail. On a direct hit, the projectile stays centred and expanding green rings pulse outward.',
+  },
+  {
+    question: 'How is the scatter distance displayed visually?',
+    answer: 'The distance in inches appears as a floating label at the impact point, positioned along the deviation direction. The red compass arrow also locks to the final angle for quick template alignment.',
+  },
+  {
+    question: 'Can I disable the animation to get faster results?',
+    answer: 'The animation lasts approximately two seconds, after which the final result is displayed in the centre and the compass arrow locks. There is currently no skip option, but the delay is designed to match the pace of rolling physical dice.',
+  },
+  {
+    question: 'Does the Wind Drift mode affect the animation?',
+    answer: 'Yes. In Wind Drift mode, the trajectory follows the compass angle you set manually instead of a random direction. The projectile animation always respects the selected mode, so you see the exact path your shot will take.',
+  },
+];
+
+const howTo = [
+  {
+    name: 'Configure Rules',
+    text: 'Select compass sectors, choose a distance dice preset, and adjust the direct hit chance.',
+  },
+  {
+    name: 'Roll or Drag',
+    text: 'Click Roll Scatter to simulate the deviation, or drag the compass wheel to adjust the direction manually.',
+  },
+  {
+    name: 'Read Outcome',
+    text: 'Check the central display and vector arrow to find the exact distance, angle, and direction of the scatter.',
+  },
+  {
+    name: 'Watch the Trajectory',
+    text: 'After rolling, observe the animated projectile travel across the compass. The dashed trail shows the deviation path, and the impact point displays the distance in inches.',
+  },
+  {
+    name: 'Interpret the Result',
+    text: 'A green pulse with "DIRECT HIT" means zero deviation. A red burst with a distance label means the shot scattered - place your template that many inches from the target in the arrow\'s direction.',
+  },
+];
+
+export const content: ToolLocaleContent<ScatterSelectorUI> = {
+  slug: 'scatter-direction-selector',
+  title: 'Scatter Direction Selector: Tabletop Wargaming Compass',
+  description: 'Determine random deviations, wind drift, and scatter directions for miniature wargames using a 3D tactile compass.',
+  ui,
+  seo: [
+    { type: 'title', text: 'Interactive Scatter Compass with Real Time Projectile Animation', level: 2 },
+    { type: 'paragraph', html: 'The Scatter Direction Selector goes beyond static number generation by rendering an animated projectile trajectory directly on the compass overlay. When you click Roll Scatter, a glowing projectile travels from the centre along the deviation angle, leaving a dashed trail and bursting into particles at the impact point. For direct hits, expanding green rings pulse outward while a "DIRECT HIT" label scales into view with a dramatic glow. This real-time visual feedback eliminates ambiguity, letting you see exactly where your shot lands and how far it deviates.' },
+    { type: 'stats', items: [
+      { value: '2', label: 'Sector Systems', icon: 'mdi:compass-rose' },
+      { value: '4', label: 'Dice Presets', icon: 'mdi:dice-d6' },
+      { value: '0-100%', label: 'Hit Probability Range', icon: 'mdi:target' },
+      { value: '10', label: 'Recent Roll History', icon: 'mdi:history' },
+    ], columns: 4 },
+    { type: 'title', text: 'How the Trajectory Animation Improves Wargame Decision Making', level: 3 },
+    { type: 'paragraph', html: 'Traditional scatter tools display a numeric angle and distance, forcing players to mentally visualise the offset on the tabletop. The animated trajectory bridges this gap by drawing the exact flight path from the aim point to the scatter landing zone. The distance in inches appears as an overlay label at the impact location, while the compass arrow remains locked to the final deviation angle. This makes it instantly clear whether a shot clips a building corner, drifts into an allied unit, or lands in open ground - without reaching for a tape measure.' },
+    { type: 'diagnostic', variant: 'success', title: 'Direct Hit', html: 'When the roll beats the hit probability, the compass centre erupts with pulsing green rings and a "DIRECT HIT" text animation. The projectile returns to centre, confirming a perfect impact with zero deviation.' },
+    { type: 'diagnostic', variant: 'error', title: 'Scatter', html: 'On a scatter result, the projectile follows a dashed trajectory to its landing point. An impact burst of particles, a glowing marker, and the distance in inches (e.g. <strong>5"</strong>) appear at the landing site, while the red compass arrow shows the direction for easy template placement.' },
+    { type: 'tip', title: 'Pro Tip: Using Wind Drift Mode', html: 'Toggle Wind Drift to lock the scatter direction to your manually rotated compass angle. This simulates a prevailing wind or a fixed displacement vector - ideal for unguided rockets, gas clouds, or teleportation mishaps where the drift direction is known but the distance remains random.' },
+    { type: 'title', text: 'Resolving Scatter and Deviation Mechanics in Tabletop Wargames', level: 2 },
+    { type: 'paragraph', html: 'Many tactical wargames and miniature combat rulesets incorporate deviation to simulate the unpredictable nature of artillery fire, wind drift, teleportation failures, or grenade bounces. The resolution usually requires rolling a direction-based scatter die combined with a distance roll (such as 2D6 or a D6). This digital assistant consolidates both rolls into an instantaneous, animated vector.' },
+    {
+      type: 'table',
+      headers: ['Game Category', 'Typical Direction Format', 'Standard Distance Roll', 'Common Application'],
+      rows: [
+        ['Sci-Fi Skirmish', '8 Direction Radial', '2D6 Inches', 'Deep strike teleportation deviation'],
+        ['Historical Wargames', '12 Direction Clock Face', '1D6 Inches', 'Off-board mortar and artillery scatter'],
+        ['Fantasy Battle Games', '8 Direction Radial', '1D10 / 2D6 Inches', 'Catapult shots and magical vortex movement'],
+        ['Post-Apocalyptic Survival', '8 Direction Cardinal', '1D6 Inches', 'Thrown grenade and gas cylinder drift'],
+      ],
+    },
+    { type: 'title', text: 'Tactical Management of Wind and Drift Deviation', level: 2 },
+    { type: 'paragraph', html: 'When deploying template weapons, players must account for deviation margins. By establishing a direct hit percentage, you determine the reliability of the firing unit. An experienced mortar crew may have a high hit probability, reducing scatter chance, whereas an unguided rocket pod might rely entirely on random dispersion. Adjusting these parameters on the fly speeds up measurement times and keeps the game flow continuous.' },
+    {
+      type: 'comparative',
+      items: [
+        {
+          title: 'Radial 8 Direction System',
+          description: 'Uses cardinal and ordinal headings (N, NE, E, SE, S, SW, W, NW) to resolve template offsets.',
+          icon: 'mdi:compass-outline',
+          highlight: true,
+          points: [
+            'Ideal for square and hexagonal grids',
+            'Easy to align with standard battlefield edges',
+            'Provides fast visual identification of quadrants',
+          ],
+        },
+        {
+          title: 'Clock Face 12 Direction System',
+          description: 'Translates directions into clock hours (1 to 12), offering finer precision for micro-measurements.',
+          icon: 'mdi:clock-outline',
+          highlight: false,
+          points: [
+            'Standard for many historical rulesets',
+            'Allows precise directional degrees',
+            'Easy translation from table orientation',
+          ],
+        },
+      ],
+      columns: 2,
+    },
+    {
+      type: 'glossary',
+      items: [
+        {
+          term: 'Deviation Vector',
+          definition: 'The combined angle and distance indicating the final position of a scattered template.',
+        },
+        {
+          term: 'Direct Hit',
+          definition: 'A roll outcome indicating the projectile hit the target target exactly, bypassing deviation.',
+        },
+        {
+          term: 'Template Weapon',
+          definition: 'An area-of-effect weapon that uses physical templates (like circles or tears) to determine hit units.',
+        },
+        {
+          term: 'Wind Drift',
+          definition: 'A static or variable modifier that shifts templates in a set direction regardless of the initial aim.',
+        },
+        {
+          term: 'Projectile Trajectory',
+          definition: 'The animated dashed line drawn from the compass centre to the scatter landing point, visualising the exact flight path of the deviation.',
+        },
+        {
+          term: 'Impact Point',
+          definition: 'The final position where the animated projectile lands, marked by a glowing particle burst and a distance-in-inches label.',
+        },
+        {
+          term: 'Hit Probability',
+          definition: 'A percentage configured before rolling that determines the likelihood of a Direct Hit. When the roll falls within this threshold, the projectile hits centre with zero scatter distance.',
+        },
+        {
+          term: 'Compass Lock',
+          definition: 'In Wind Drift mode, the scatter direction is locked to the user-rotated compass angle, overriding random direction generation.',
+        },
+      ],
+    },
+  ],
+  faq,
+  bibliography,
+  howTo,
+  schemas: [
+    {
+      '@context': 'https://schema.org',
+      '@type': 'FAQPage',
+      'mainEntity': faq.map((f) => ({
+        '@type': 'Question',
+        'name': f.question,
+        'acceptedAnswer': {
+          '@type': 'Answer',
+          'text': f.answer,
+        },
+      })),
+    },
+    {
+      '@context': 'https://schema.org',
+      '@type': 'SoftwareApplication',
+      'name': 'Scatter Direction Selector',
+      'operatingSystem': 'All',
+      'applicationCategory': 'UtilitiesApplication',
+      'browserRequirements': 'Requires HTML5. Requires JavaScript.',
+    },
+    {
+      '@context': 'https://schema.org',
+      '@type': 'HowTo',
+      'name': 'How to use the Scatter Direction Selector',
+      'step': howTo.map((h) => ({
+        '@type': 'HowToStep',
+        'name': h.name,
+        'text': h.text,
+      })),
+    },
+  ],
+};

package/src/tool/scatter-direction-selector/i18n/es.ts

@@ -0,0 +1,143 @@
+import { bibliography } from '../bibliography';
+import type { ScatterSelectorLocaleContent } from '../entry';
+
+const ui = {
+  title: 'Selector de Dirección de Desviación',
+  setupTitle: 'Configuración de Desviación',
+  sectorsLabel: 'Sectores de la Brújula',
+  sectors8: '8 Direcciones',
+  sectors12: '12 Direcciones (Reloj)',
+  diceLabel: 'Tirada de Distancia de Desviación',
+  diceD6: '1D6 Pulgadas',
+  dice2D6: '2D6 Pulgadas',
+  diceD10: '1D10 Pulgadas',
+  diceCustom: 'Rango Personalizado',
+  customMaxLabel: 'Distancia Máxima',
+  hitChanceLabel: 'Probabilidad de Impacto Directo (%)',
+  rollButton: 'Tirar Desviación',
+  hitResult: '¡Impacto Directo!',
+  scatterResult: '¡Desviación!',
+  distanceLabel: 'Distancia',
+  angleLabel: 'Ángulo',
+  dragHint: 'Arrastra la brújula para ajustar la dirección del viento manualmente',
+  historyTitle: 'Tiradas Recientes',
+  clearHistory: 'Limpiar Historial',
+  presetTitle: 'Preajustes de Wargaming',
+  soundOn: 'Sonido Activado',
+  soundOff: 'Sonido Desactivado',
+  guideStep1: 'Arrastra la brújula para alinearla con tu mesa de juego',
+  guideStep2: 'Elige sectores, dados y probabilidad de impacto directo',
+  guideStep3: 'Centro = tu objetivo. El resplandor verde indica que cayó exactamente ahí',
+  guideStep3Scatter: 'Flecha = dirección de desviación. Mueve el disparo desde el centro esa cantidad de pulgadas a lo largo de la flecha',
+  scatterModeLabel: 'Dirección de Desviación',
+  scatterModeRandom: 'Aleatoria',
+  scatterModeWind: 'Deriva del Viento',
+  scatterModeWindHint: 'La flecha siempre sigue la brújula  -  solo la distancia es aleatoria',
+};
+
+const faq = [
+  {
+    question: '¿Cómo funciona el Selector de Dirección de Desviación?',
+    answer: 'Calcula un ángulo aleatorio (0-359 grados) y una distancia basada en la configuración de dados seleccionada. También simula un dado de desviación, comprobando si hay impactos directos.',
+  },
+  {
+    question: '¿Puedo cambiar el formato de sectores?',
+    answer: 'Sí, puedes alternar entre sectores cardinales de 8 direcciones y sectores de 12 direcciones con formato de reloj.',
+  },
+  {
+    question: '¿Qué es la probabilidad de impacto directo?',
+    answer: 'Representa la posibilidad de que el proyectil caiga exactamente donde se apuntó, sin desviación alguna, simulando un resultado de "Impacto" en un dado de desviación estándar.',
+  },
+  {
+    question: '¿Es compatible con Warhammer o Bolt Action?',
+    answer: 'Sí, admite plantillas estándar de 8 direcciones y alineaciones de reloj de 12 direcciones utilizadas en la mayoría de los wargames tácticos y sistemas de miniaturas.',
+  },
+  {
+    question: '¿Cómo se muestra visualmente la distancia de desviación?',
+    answer: 'La distancia en pulgadas aparece como una etiqueta flotante en el punto de impacto, posicionada en la dirección de desviación. La flecha roja de la brújula también se bloquea en el ángulo final para alinear la plantilla rápidamente.',
+  },
+  {
+    question: '¿Puedo desactivar la animación para obtener resultados más rápidos?',
+    answer: 'La animación dura aproximadamente dos segundos, tras los cuales el resultado final se muestra en el centro y la flecha de la brújula se bloquea. Actualmente no hay opción de salto, pero la demora está diseñada para igualar el ritmo de tirar dados físicos.',
+  },
+];
+
+const howTo = [
+  {
+    name: 'Configurar Reglas',
+    text: 'Selecciona los sectores de la brújula, elige un dado de distancia y ajusta la probabilidad de impacto directo.',
+  },
+  {
+    name: 'Tirar o Arrastrar',
+    text: 'Haz clic en Tirar Desviación para simular la desviación, o arrastra la rueda de la brújula para ajustar la dirección manualmente.',
+  },
+  {
+    name: 'Leer el Resultado',
+    text: 'Revisa la pantalla central y la flecha vectorial para conocer la distancia, el ángulo y la dirección exactos de la desviación.',
+  },
+  {
+    name: 'Observar la Trayectoria',
+    text: 'Después de tirar, observa el proyectil animado viajar a través de la brújula. La estela discontinua muestra el camino de desviación y el punto de impacto muestra la distancia en pulgadas.',
+  },
+  {
+    name: 'Interpretar el Resultado',
+    text: 'Un pulso verde con "DIRECT HIT" significa desviación cero. Una explosión roja con una etiqueta de distancia significa que el disparo se desvió  -  coloca tu plantilla esa cantidad de pulgadas desde el objetivo en la dirección de la flecha.',
+  },
+];
+
+export const content: ScatterSelectorLocaleContent = {
+  slug: 'selector-de-direccion-de-desviacion',
+  title: 'Selector de Dirección de Desviación: Brújula Táctil para Wargames de Miniaturas',
+  description: 'Determina desviaciones aleatorias, deriva del viento y direcciones de dispersión para wargames de miniaturas con una brújula táctil 3D.',
+  ui,
+  seo: [
+    { type: 'title', text: 'Brújula Interactiva de Desviación con Animación de Proyectil en Tiempo Real', level: 2 },
+    { type: 'paragraph', html: 'El Selector de Dirección de Desviación va más allá de la simple generación de números al renderizar una trayectoria animada del proyectil directamente sobre la brújula. Al hacer clic en Tirar Desviación, un proyectil brillante viaja desde el centro a lo largo del ángulo de desviación, dejando una estela discontinua y estallando en partículas en el punto de impacto.' },
+    { type: 'stats', items: [
+      { value: '2', label: 'Sistemas de Sectores', icon: 'mdi:compass-rose' },
+      { value: '4', label: 'Preajustes de Dados', icon: 'mdi:dice-d6' },
+      { value: '0-100%', label: 'Rango de Probabilidad de Impacto', icon: 'mdi:target' },
+      { value: '10', label: 'Historial de Tiradas Recientes', icon: 'mdi:history' },
+    ], columns: 4 },
+    { type: 'title', text: 'Cómo la Animación de Trayectoria Mejora la Toma de Decisiones en Wargames', level: 3 },
+    { type: 'paragraph', html: 'Las herramientas tradicionales muestran un ángulo y una distancia numéricos, obligando a los jugadores a visualizar mentalmente el desplazamiento en la mesa. La trayectoria animada cierra esta brecha dibujando la ruta de vuelo exacta desde el punto de mira hasta la zona de impacto de la desviación.' },
+    { type: 'diagnostic', variant: 'success', title: 'Impacto Directo', html: 'Cuando la tirada supera la probabilidad de impacto, el centro de la brújula estalla con anillos verdes pulsantes y una animación de texto "DIRECT HIT". El proyectil regresa al centro, confirmando un impacto perfecto sin desviación.' },
+    { type: 'diagnostic', variant: 'error', title: 'Desviación', html: 'En un resultado de desviación, el proyectil sigue una trayectoria discontinua hasta su punto de aterrizaje. Una explosión de partículas, un marcador brillante y la distancia en pulgadas (ej. <strong>5"</strong>) aparecen en el lugar del impacto.' },
+    { type: 'tip', title: 'Consejo: Usar el Modo de Deriva del Viento', html: 'Activa la Deriva del Viento para bloquear la dirección de desviación al ángulo de la brújula que ajustes manualmente. Simula viento predominante o un vector de desplazamiento fijo  -  ideal para cohetes no guiados, nubes de gas o teletransportaciones fallidas.' },
+  ],
+  faq,
+  bibliography,
+  howTo,
+  schemas: [
+    {
+      '@context': 'https://schema.org',
+      '@type': 'FAQPage',
+      'mainEntity': faq.map((f) => ({
+        '@type': 'Question',
+        'name': f.question,
+        'acceptedAnswer': {
+          '@type': 'Answer',
+          'text': f.answer,
+        },
+      })),
+    },
+    {
+      '@context': 'https://schema.org',
+      '@type': 'SoftwareApplication',
+      'name': 'Selector de Dirección de Desviación',
+      'operatingSystem': 'All',
+      'applicationCategory': 'UtilitiesApplication',
+      'browserRequirements': 'Requires HTML5. Requires JavaScript.',
+    },
+    {
+      '@context': 'https://schema.org',
+      '@type': 'HowTo',
+      'name': 'Cómo usar el Selector de Dirección de Desviación',
+      'step': howTo.map((h) => ({
+        '@type': 'HowToStep',
+        'name': h.name,
+        'text': h.text,
+      })),
+    },
+  ],
+};