docs-interface.html

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1,viewport-fit=cover"><meta name="theme-color" content="#07090b">
  <title>Interface and Controls — Claude of Tanks Technical Manual</title>
  <meta name="author" content="Kevin B. Liu"><meta name="copyright" content="Copyright © 2026 Kevin B. Liu"><meta name="description" content="How the Claude of Tanks garage, HUD, dual reticle, ammunition controls, X-ray killcam, spectator view, after-action report, settings, keyboard, pointer, controller, and mobile touch interface work."><meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
  <link rel="canonical" href="https://cot.kevinliu.studio/docs/interface"><link rel="describedby" href="/llms.txt" type="text/plain"><link rel="manifest" href="/site.webmanifest"><link rel="icon" type="image/svg+xml" href="/brand/favicon.svg">
  <meta property="og:site_name" content="Claude of Tanks"><meta property="og:title" content="Interface and Controls — Claude of Tanks"><meta property="og:description" content="Garage, HUD, reticles, ammunition, killcam, spectator mode, battle report, settings, desktop input, and mobile touch controls."><meta property="og:type" content="article"><meta property="og:url" content="https://cot.kevinliu.studio/docs/interface"><meta property="og:locale" content="en_US"><meta property="og:image" content="https://cot.kevinliu.studio/brand/og/docs-interface.jpg"><meta property="og:image:width" content="1200"><meta property="og:image:height" content="630"><meta property="og:image:type" content="image/jpeg"><meta property="og:image:alt" content="Claude of Tanks in-engine armored battle and crest wordmark">
  <meta name="twitter:card" content="summary_large_image"><meta name="twitter:title" content="Interface and Controls — Claude of Tanks"><meta name="twitter:description" content="Technical guide to the garage, battle HUD, killcam, spectating, reports, settings, desktop input, and mobile controls."><meta name="twitter:image" content="https://cot.kevinliu.studio/brand/og/docs-interface.jpg"><meta name="twitter:image:alt" content="Claude of Tanks in-engine armored battle and crest wordmark">
  <link rel="preload" href="/fonts/abc-monument-grotesk/ABCMonumentGrotesk-Medium.woff2" as="font" type="font/woff2" crossorigin><link rel="stylesheet" href="/src/docs/docs.css"><link rel="stylesheet" href="/src/presentation/publicNav.css">
  <script type="application/ld+json">{"@context":"https://schema.org","@graph":[{"@type":"TechArticle","@id":"https://cot.kevinliu.studio/docs/interface#article","url":"https://cot.kevinliu.studio/docs/interface","headline":"Interface and Controls","description":"How the Claude of Tanks garage, HUD, dual reticle, ammunition controls, X-ray killcam, spectator view, after-action report, settings, keyboard, pointer, controller, and mobile touch interface work.","author":{"@type":"Person","@id":"https://cot.kevinliu.studio/#creator","name":"Kevin B. Liu","url":"https://github.com/Kevin-Liu-01"},"dateModified":"2026-08-25","isPartOf":{"@id":"https://cot.kevinliu.studio/docs#manual"},"about":{"@id":"https://cot.kevinliu.studio/#game"},"inLanguage":"en-US"},{"@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Documentation","item":"https://cot.kevinliu.studio/docs"},{"@type":"ListItem","position":2,"name":"Interface and Controls","item":"https://cot.kevinliu.studio/docs/interface"}]}]}</script>
</head>
<body class="topic-page">
  <nav class="public-nav" aria-label="Primary navigation"><div class="public-nav__inner"><a class="public-nav__brand" href="/home" data-i18n-aria-label="publicNav.brandAria"><img src="/brand/logo-mark.svg" alt=""><span>Claude <b>of Tanks</b></span></a><div class="public-nav__links"><a href="/home"><img class="public-nav__icon public-nav__icon--home" src="/brand/nav/home.svg" alt=""><span data-i18n="publicNav.home">Home</span></a><a href="/studio"><img class="public-nav__icon public-nav__icon--studio" src="/brand/nav/studio.svg" alt=""><span data-i18n="publicNav.studio">Studio</span></a><a href="/gallery"><img class="public-nav__icon public-nav__icon--tank" src="/brand/nav/tank-gallery.svg" alt=""><span data-i18n="publicNav.gallery">Gallery</span></a><a href="/docs" aria-current="page"><img class="public-nav__icon public-nav__icon--docs" src="/brand/nav/docs.svg" alt=""><span data-i18n="publicNav.docs">Docs</span></a><a class="public-nav__github" href="https://github.com/Kevin-Liu-01/claude-of-tanks" target="_blank" rel="noreferrer" data-i18n-aria-label="publicNav.githubAria"><span class="public-nav__github-label" data-i18n="publicNav.githubLabel">GitHub</span><span class="public-nav__stars"><svg viewBox="0 0 16 16" aria-hidden="true"><path d="m8 1.2 2.1 4.2 4.7.7-3.4 3.3.8 4.7L8 11.9l-4.2 2.2.8-4.7-3.4-3.3 4.7-.7L8 1.2Z"/></svg><span data-github-stars data-github-stars-state="loading" aria-busy="true" aria-label="Loading GitHub star count"></span></span></a><a class="public-nav__cta" href="/"><span class="public-nav__play-icon" aria-hidden="true"></span><span data-i18n="publicNav.playNow">Play Now</span></a></div></div></nav>
  <main id="topicRoot"><p class="topic-loading" data-i18n="docs.topic.loading">Loading technical manual…</p></main>
  <footer class="docs-footer"><div class="inner shell"><a class="brand" href="/home"><img src="/brand/logo-mark-metal.svg" alt=""><span>Claude <b>of Tanks</b></span></a><div class="footer-links"><a href="/docs" data-i18n="docs.topic.footer.manualIndex">Manual index</a><a href="/gallery" data-i18n="docs.topic.footer.gallery">Tank Gallery</a><a href="/studio" data-i18n="docs.topic.footer.studio">Scene Studio</a><a href="/" data-i18n="docs.topic.footer.play">Play</a></div><span class="footer-mark" data-i18n="docs.topic.footer.mark">Technical manual // 2026</span></div></footer>
<script type="module" src="/src/analytics.ts"></script><script type="module" src="/src/presentation/publicNav.ts"></script><script type="module" src="/src/docs/topics.ts"></script>
</body>
</html>