<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <link rel="stylesheet" href="css/game.css">
    <title>Runic</title>
  </head>
  <body onload="init()">
    <canvas id="main_canvas" class="main_canvas" width="700" height="700" autofocus></canvas>
    <div class="hud_item">
      <div class="bar red_bar">
        <div id="health_bar"></div>
      </div>
      <br>
      <div class="bar green_bar">
        <div id="energy_bar"></div>
      </div>
    </div>
    <div class="hud_item right" id="player_username">Runic alpha</div>
    <div class="hud_item bottom right">
      this is a test
    </div>
    <script src="script/engine.js"></script>
    <script src="script/client.js"></script>
    <script src="script/game.js"></script>
  </body>
</html>