index.html

﻿<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
    <title>Frost Giant Studios, Inc. - Physics Demo [CONFIDENTIAL]</title>
    <style>
        body {
            margin: 0;
        }

        .ui {
            position: fixed;
            margin: 0;
            display: block;
            font-family: sans-serif;
            font-size: large;
            width: 100%;
            height: 100%;

            color: white;           
            background-color: rgba(0,0,0,0);
            pointer-events: none;
        }

        .child {
            pointer-events:all;
        }

        canvas {
            margin: 0;
            display: block;
        }
    </style>
    <script async src="https://www.googletagmanager.com/gtag/js?id=G-XGS6EL3N0X"></script>
    <script>
        window.dataLayer = window.dataLayer || [];
        function gtag(){dataLayer.push(arguments);}
        gtag('js', new Date());

        gtag('config', 'G-XGS6EL3N0X');
    </script>
</head>
<body>
    <div class="ui">
        <div style="text-align: right; color: dodgerblue">Frost Giant Studios, Inc. - Physics Demo</div>
        <div style="text-align: right; color: red">[CONFIDENTIAL]</div>
    </div>

    <div class="ui">
        fps: <span id="fps"></span>
        <br>
        count: <span id="count"></span>
        <br>
        <button id="pause" class="child">PAUSE</button>
        <br>
        <button id="reset" class="child">RESET</button>
        <br>
        <button id="spawn" class="child">SPAWN</button>
        <br>
        <button id="movez" class="child">MOVEZ</button>
    </div>

    <script type="module" src="demo.js"></script>
</body>
</html>