<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, viewport-fit=cover" />
  <meta name="theme-color" content="#02030a" />
  <title>Voidcharter | A Space Trading Game</title>
<meta name="description" content="A free space trading game in the browser. Choose whose flag to fly, then fly, scan, trade and hire a crew in the service of the Honourable Voidcharter Company.">
<meta name="robots" content="index, follow">
<link rel="canonical" href="https://voidcharter.com/">
<meta property="og:title" content="Voidcharter">
<meta property="og:description" content="A free space trading game in the browser. Choose whose flag to fly, then fly, scan, trade and hire a crew in the service of the Honourable Voidcharter Company.">
<meta property="og:type" content="website">
<meta property="og:url" content="https://voidcharter.com/">
<meta property="og:image" content="https://voidcharter.com/og.png">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta property="og:image:alt" content="Voidcharter: a free space trading game">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:image" content="https://voidcharter.com/og.png">
<script type="application/ld+json">
{"@context":"https://schema.org","@graph":[
  {"@type":"WebApplication","name":"Voidcharter","url":"https://voidcharter.com/","description":"A free space trading game played in the browser. Choose whose flag to fly, then fly, scan, trade and mind the star for the Honourable Voidcharter Company.","applicationCategory":"Game","operatingSystem":"Any (browser-based)","image":"https://voidcharter.com/og.png","offers":{"@type":"Offer","price":"0","priceCurrency":"USD"},"author":{"@id":"https://thisismyurl.com/about/#person"}},
  {"@type":"Person","@id":"https://thisismyurl.com/about/#person","name":"Christopher Ross","url":"https://thisismyurl.com/about/","sameAs":["https://thisismyurl.com/","https://profiles.wordpress.org/thisismyurl/","https://github.com/thisismyurl","https://www.linkedin.com/in/thisismyurl","https://x.com/thisismyurl","https://bsky.app/profile/thisismyurl.com","https://mastodon.social/@thisismyurl","https://www.youtube.com/@thisismyurl"]}
]}
</script>
  <script type="module" crossorigin src="./assets/index-CTaxo3JX.js"></script>
  <link rel="stylesheet" crossorigin href="./assets/index-BwIlFcMK.css">
</head>
<body>
  <canvas id="game" role="img" aria-label="Voidcharter flight view"></canvas>
  <canvas id="hud" aria-hidden="true"></canvas>
  <div id="crt" aria-hidden="true"></div>
  <div id="title" role="dialog" aria-label="Voidcharter" hidden>
    <div class="stars"></div>
    <h1 class="logo">VOIDCHARTER</h1>
    <p class="sub">A SPACE TRADING GAME<br>IN THE SERVICE OF THE HONOURABLE VOIDCHARTER COMPANY</p>
    <p class="start">PRESS ANY KEY OR TAP TO BEGIN</p>
    <p class="fine">Fly, scan, trade and mind the star. Arrows or WASD to fly, F to scan, M for the map.</p>
  </div>
  <div id="mainmenu" role="dialog" aria-modal="true" aria-label="Voidcharter" hidden></div>
  <div id="coach" role="region" aria-label="Lesson" hidden></div>
  <div id="sr" class="sr-only" role="status" aria-live="polite"></div>

  <nav id="topbar" aria-label="Game menu">
  <button id="topbtn" type="button" aria-expanded="false" aria-controls="topmenu">Menu</button>
  <div id="topmenu">
  <button id="powersbtn" type="button" aria-label="See the powers, your standing and your rank">Powers</button>
  <button id="remotebtn" type="button" aria-label="Manage your moons over the comms link">Holdings</button>
  <button id="fleetbtn" type="button" aria-label="See the other captains">Ships</button>
  <button id="soundbtn" type="button" aria-label="Turn sound off" aria-pressed="true">Sound</button>
  <button id="mapbtn" type="button" aria-label="Open the galaxy map">Map</button>
  <button id="shipbtn" type="button" aria-label="Show the ship's crew and gear">Ship</button>
  <button id="lookbtn" type="button" aria-label="Switch the screen effect (scanlines) on or off">CRT</button>
  <button id="menu" type="button" aria-label="Open the main menu">Main menu</button>
  </div>
  </nav>

  <button id="holdbtn" type="button" aria-label="Open the cargo hold"></button>

  <div id="auto" aria-label="Autopilot"></div>

  <div id="dock" role="dialog" aria-modal="true" aria-label="Station" hidden></div>
  <div id="moon" role="dialog" aria-modal="true" aria-label="Moon control panel" hidden></div>
  <div id="hold" role="dialog" aria-modal="true" aria-label="Cargo hold" hidden></div>
  <div id="remote" role="dialog" aria-modal="true" aria-label="Remote console" hidden></div>
  <div id="fleet" role="dialog" aria-modal="true" aria-label="Other captains" hidden></div>
  <div id="powers" role="dialog" aria-modal="true" aria-label="The powers" hidden></div>
  <div id="contact" role="alertdialog" aria-modal="true" aria-label="First contact" hidden></div>
  <div id="map" role="dialog" aria-modal="true" aria-label="Galaxy map" hidden></div>

  <div id="controls">
    <div class="pad pad-left">
      <button id="btn-left" type="button" aria-label="Turn left">&#8630;</button>
      <button id="btn-right" type="button" aria-label="Turn right">&#8631;</button>
    </div>
    <button id="btn-scan" type="button" hidden>Scan</button>
    <div class="pad pad-right">
      <button id="btn-thrust" type="button" aria-label="Thrust">&#9650;</button>
    </div>
  </div>

</body>
</html>
