FourteenScrews
/
BoltEngine


			
				
					
						
						
							1234567891011121314151617181920212223242526272829303132333435363738
							<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Fourteen Screws Engine</title>
    <style>
	  body {
        position: absolute;
        top: 0;
        left: 0;
        margin: 0;
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
      }

      #canvas {
      	width: 1280px;
      	aspect-ratio: 8/5;
      }
	</style>
  <!-- Google tag (gtag.js) -->
  <script defer src="https://analytics.fourteenscrews.com/script.js" data-website-id="1c395c19-385d-4424-a36d-7da2de92e64d"></script>
  </head>
  <body style="text-align: center">
    <noscript>This page contains webassembly and javascript content, please enable javascript in your browser.</noscript>
    <div id="controls">w, s, a, d = forward, back, strafe left, strafe right | &uarr;, &darr;, &larr;, &rarr; = look up, look down, turn left, turn right</div>
    <div id="fps"></div>
    <canvas id="canvas" width="320" height="200"></canvas>
    <div id="joystick-left" style="width: 30%; aspect-ratio: 1; position: fixed; bottom: 0px; left: 0px; z-index: 99999"></div>
    <div id="joystick-right" style="width: 30%; aspect-ratio: 1; position: fixed; bottom: 0px; right: 0px; z-index: 99999"></div>
    <script src="./bootstrap.js"></script>
    <script src="./vendor/JoyStick/joy.min.js"></script>
  </body>
</html>