Index.html

﻿a<!doctype html>
<html>
    <head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <title>Blasteroo</title>
        <style>
            canvas {
                cursor: none;
            }
        </style>
</head>
<body style='background: #000; margin: 0; padding: 0'>
    <canvas id='display' width='1' height='1' style='width: 100%; height: 100%;' />
    <script src="Scripts/Bitmap.js"></script>
    <script src="Scripts/GameLoop.js"></script>
    <script src="Scripts/Controls.js"></script>
    <script src="Scripts/Player.js"></script>
    <script src="Scripts/Map.js"></script>
    <script src="Scripts/Camera.js"></script>
    <script>
        var CIRCLE = Math.PI * 2;
        var display = document.getElementById('display');
        var player = new Player(15.3, -1.2, Math.PI * 0.3);
        var map = new Map(32);
        var controls = new Controls();
        var camera = new Camera(display, 320, Math.PI * 0.4);
        var loop = new GameLoop();

        map.randomize();

        loop.start(function frame(seconds) {
            map.update(seconds);
            player.update(controls.states, map, seconds);
            camera.render(player, map);
        });
    </script>
</body>
</html>