MakariosEngine/tryskybox1.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
<!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>
</head>
<body style="background-color: #aaaa;">
    <div style="width: 100%; display: flex; justify-content: center;">
        <div style="margin-left: auto; margin-right: auto;">
            <canvas id="glCanvas" style="position: absolute;" 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;" width="640" height="480"></canvas>
        </div>
    </div>

</body>
</html>
<script src="https://cdn.jsdelivr.net/npm/gl-matrix@3.0.0/gl-matrix-min.js"></script>
<!--<script src="firstPhys.js"></script>
<script>

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

</script>

<script src="ShapePrimitives.js"></script>
<script src="ObjectsShapeData.js"></script>
<script src="LevelData.js"></script>
<script src="StageData.js"></script>
<script src="perframelogicm01.js"></script>
<script src="MakariosEngine.js"></script>-->
<!--<script src="TrySkybox1.js"></script>-->
<!--<script src="TrySkybox2.js"></script>-->
<script src="experimentalSkyBox0.js"></script>