Overscan horizon

OVERSCANUI KIT

It does not freeze. A frozen horizon looks exactly like level flight, which is why real flight displays remove it: when attitude is lost, or older than its max-age, the whole sphere is blanked behind a red ATT flag. A speed or altitude source that fails withdraws its entire tape behind SPD or ALT rather than greying it and leaving it moving, and two attitude sources that disagree say CHECK ATT instead of being averaged. The flight above drops attitude at 12 s, speed at 20 s, and disagrees at 28 s, on a 36 s cycle; below, each failure held still.

demo/horizon.html, from this page

import 'overscan'
import 'overscan/overscan.css'

<ov-horizon
  source="air"
  max-age="2"
></ov-horizon>

import { OvHorizon } from 'overscan/react'

<OvHorizon
  source="air"
  max-age="2"
/>

import { OvHorizon } from 'overscan/vue'

<OvHorizon
  source="air"
  max-age="2"
/>

import OvHorizon from 'overscan/svelte/OvHorizon.svelte'

<OvHorizon
  source="air"
  max-age="2"
/>

variation: source="air-att-lost"

import 'overscan'
import 'overscan/overscan.css'

<ov-horizon
  source="air-att-lost"
  max-age="2"
></ov-horizon>

import { OvHorizon } from 'overscan/react'

<OvHorizon
  source="air-att-lost"
  max-age="2"
/>

import { OvHorizon } from 'overscan/vue'

<OvHorizon
  source="air-att-lost"
  max-age="2"
/>

import OvHorizon from 'overscan/svelte/OvHorizon.svelte'

<OvHorizon
  source="air-att-lost"
  max-age="2"
/>

attitude lost

every source 6 s old

speed source failed

sides disagree by 7°

vertical speed failed

variation: source="air-stale"

import 'overscan'
import 'overscan/overscan.css'

<ov-horizon
  source="air-stale"
  max-age="2"
></ov-horizon>

import { OvHorizon } from 'overscan/react'

<OvHorizon
  source="air-stale"
  max-age="2"
/>

import { OvHorizon } from 'overscan/vue'

<OvHorizon
  source="air-stale"
  max-age="2"
/>

import OvHorizon from 'overscan/svelte/OvHorizon.svelte'

<OvHorizon
  source="air-stale"
  max-age="2"
/>

terminal

variation: source="air-spd-lost"

import 'overscan'
import 'overscan/overscan.css'

<ov-horizon
  source="air-spd-lost"
  max-age="2"
></ov-horizon>

import { OvHorizon } from 'overscan/react'

<OvHorizon
  source="air-spd-lost"
  max-age="2"
/>

import { OvHorizon } from 'overscan/vue'

<OvHorizon
  source="air-spd-lost"
  max-age="2"
/>

import OvHorizon from 'overscan/svelte/OvHorizon.svelte'

<OvHorizon
  source="air-spd-lost"
  max-age="2"
/>

industrial

cyber

antiseptic

esper

neo

machina

holo

aegis

vector