HTML5

Heaps is able to compile to JavaScript and therefore it can run in the web browser.

See the following example on how to prepare your Heaps project for HTML5.

Compile for Javascript:

  • You will also have to create an index.html that includes your .js haxe output.
  • Also put a <canvas id="webgl"></canvas> in body of the HTML-file.

Basic hxml

  1. # class paths
  2. -cp src
  4. # entry point
  5. -main Main
  7. # libraries
  8. -lib heaps
  10. # output
  11. -js bin/game.js

Basic html

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="utf-8">
  5.     <title>Heaps Game</title>
  6.     <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no, minimal-ui" />
  7.     <meta name="format-detection" content="telephone=no" />
  8.     <meta name="apple-mobile-web-app-capable" content="yes" />
  9.     <meta name="mobile-web-app-capable" content="yes" />
  10.     <style>
  11.         body,html { margin:0; padding:0; background-color:black; width:100%; height:100%; }
  12.         canvas#webgl { width:100%; height:100%; }
  13.     </style>
  14. </head>
  15. <body>
  16.     <canvas id="webgl"></canvas>
  17.     <script src="game.js"></script>
  18. </body>
  19. </html>