@kentcdodds/pirate-shooter

Vertical scrolling pirate ship shooter on the open sea, built with Three.js for phone or desktop

src/markup.ts

22 lines · 543 B · TypeScript

export const gameMarkup = `
<main id="stage">
  <canvas id="game"></canvas>

  <div class="hud" aria-live="polite">
    <div id="score">0</div>
    <div id="lives"></div>
    <div id="high-score">HI 0</div>
  </div>

  <div class="hud-buttons">
    <button id="pause" type="button" hidden>Pause</button>
    <button id="mute" type="button">Sound: on</button>
  </div>

  <div id="overlay" class="overlay">
    <h1 id="overlay-title"></h1>
    <p id="overlay-message"></p>
    <button id="start" type="button">Start</button>
  </div>
</main>
`