TuxHeroCanvas

High-performance HTML5 2D canvas simulation authentic to the Texas A&M Transportation Institute (TTI). Features the Texas Corridor Network with double-cased arterial highway vectors, connected autonomous vehicle (CAV) telemetry pulses, radar sensor beacon wavefronts, interactive cursor HUD reticle, and an atmospheric bottom gradient mask that dissolves organically into the page body with zero card boundaries.

Interactive Canvas Controls

Simulation Variant

Bottom Edge Blend

Cursor Proximity Physics

Play/Pause Toggle (AAA)

Research Index Presentation

Autonomous Systems & Corridor AI

Evaluating multi-agent trajectory prediction, dynamic signal actuation, and edge computer-vision models.

Nuxt Template Usage

<TuxHeroCanvas
  variant="corridor"
  blend="seamless"
  :interactive="true"
  :show-controls="true"
>
  <div class="max-w-4xl mx-auto px-6 text-center py-12">
    <h1 class="text-4xl sm:text-6xl font-bold font-display tracking-tight text-text-primary mb-4">
      Texas Mobility Intelligence
    </h1>
    <p class="text-lg text-text-secondary max-w-2xl mx-auto">
      Corridor network telemetry and multi-modal transit analytics across canonical Texas hubs.
    </p>
  </div>
</TuxHeroCanvas>