MakariosEngine/default.html at master · Bashmelek/MakariosEngine · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
<!DOCTYPE html>

<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta content="text/html;charset=utf-8" http-equiv="Content-Type">
    <meta content="utf-8" http-equiv="encoding">
    <title></title>
    <style>
        html {
            background-color: #111111;
        }
        body {
            background-color: #111111
        }
        a:hover {
            color: #44aacc;
        }
    </style>
</head>
<body style="background-color: #111111; background-image: url('dark_marble_smallerer.jpg'); background-size: 60% 60%;" link="#339bbd" vlink="#339bbd" alink="#339bbd">
    <div style="height: 56px;"></div>
    <div style="width: 100%; display: flex; justify-content: center;">
        <div style="margin-left: auto; margin-right: auto;">
            <canvas id="glCanvas" style="position: absolute; background-color: black; " width="640" height="480"></canvas>
            <!--Thank you to https://stackoverflow.com/questions/6796194/canvas-getcontext2d-returns-null and https://stackoverflow.com/questions/10037649/how-can-i-stack-two-same-sized-canvas-on-top-of-each-other -->
            <canvas id="uiCanvas" style="position: relative; background-color: black;" width="640" height="480"></canvas>
        </div>
    </div>

    <div style="width: 100%; display: flex; justify-content: center; padding-top: 18px; padding-bottom: 48px; font-family: sans-serif; font-size: 14pt;">
        <div style="margin-left: 10%; color: #efefff;">
            <br />
            Hello world! Welcome to Makarios Labs.
            <br />
            You are in the Digital Garden of Makarios Labs, an endeavor of using science and technology to improve the world.
            <br />
            In practice, this will be a dumping ground for random stuff I make.
            <br />
            <br />
            <br />
            Code for this work is available at my github: <a href="https://github.com/georgethecoder/MakariosEngine">https://github.com/georgethecoder/MakariosEngine</a>
        </div>
    </div>
    <div>
        <footer>
            <div style="border-top: 1px solid  #efefff; width: 80%; margin-left: auto; margin-right: auto; color: #efefff;">
                <div style="padding: 18px 0px 12px 32px;">2022&nbsp;&nbsp;&nbsp;Makarios Labs&nbsp;&nbsp;&nbsp;George Ramirez</div>
            </div>
        </footer>
    </div>
</body>
</html>
<script src="StarfieldDemo.js"></script>
<script>

    var theGame = StarfieldDemo;
    //theGame must have functions:
    //    Init
    //    OnFrame

</script>

<script src="https://cdn.jsdelivr.net/npm/gl-matrix@3.0.0/gl-matrix-min.js"></script>
<script src="ShapePrimitives.js"></script>
<script src="Entera.js"></script>
<script src="GltfConverter.js"></script>
<!--<script src="ObjectsShapeData.js"></script>-->
<script src="StageData.js"></script>
<!--<script src="perframelogicm01.js"></script>-->
<script src="SkyboxRenderer.js"></script>
<script src="OutlineRenderer.js"></script>
<script src="MakariosEngine.js"></script>
<script type="text/javascript">
    (function () {
        //$("html,body").scrollTop(29);
        console.log('king kscrolled');
        //document.getElementById('glCanvas').scrollIntoView();
        setTimeout(function () {
            window.scrollTo(0, 55);
        }, 10);
    })();
</script>