-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
30 lines (26 loc) · 6.69 KB
/
index.html
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
<html lang="en">
<head>
<title>Ray tracing</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<link href="style/global.css" rel="stylesheet">
<link href="style/app.css" rel="stylesheet">
</head>
<body>
<div class="fill flex-centered loading-screen" id="loading-screen">
<img class="shining"
src="data:image/png;base64,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">
</div>
<canvas id="projection" class="projection"></canvas>
<div class="mini-map">
<canvas id="canvas" style="position:relative;"></canvas>
<canvas id="overlay" style="position:absolute; inset: 0"></canvas>
</div>
<button id="settings-button" class="settings-button icon-btn">
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAACXBIWXMAAAsTAAALEwEAmpwYAAAE00lEQVR4nO2aWWhdVRSGP6xJixm01qoYW4fYwRSxILGtig8VfFD0QWlFELHUJ/tisaDUAaR1qm2ijU8OLxWHN4cHp6JWwfqirVAFFa1DakUQ1CQ114yy4D+wPDl373PPPTdytT9ccnPX2sPaZ++1/rX2geP4f+AxYBKYTn3GgS00EQYzjEg+B2gSdAJTwCgwx/3eod8rwIk0AVZr5Q9myL6XbDn/Is4BNgMLI3obNNkXM2SvS7Yu0sdC4E5gESVjCXBEk/gFuDag+7j07suQPSzZg4H2a4GfpPcj0E1JuMAZ8bv+2l7vA+amdFuA96RzQ0ZfN0v2Zur8GFqBHc7b/VGmMd6IfTqw9wBj+u0zoAc4H3gK+NV5J2ubxnIn/1lP7yxgKfCJc9Fb5TQ+LMOYs1NGtDlZL/C1ZKMa3L5PAO8Dtwb6vR34WE91Wl5sRN+/AVY53faUMV1FDEkO7Z/AqRlyG+Q56QwDjwJn1Og8BmSI9bFHTyGNBZqD6dxWxBB7Al+pg50BvYs1WFF0pZ5CGrs0hy9Tu6ImXKLzMClvMtu4UmOPR4zNhQe0IkeqbLFG4RTgh4ArrxlGJ/arwxeYPbykMT/KcNV1BcTkwK2k8bjCOZHSAiLy8xMKUvNz6K8A+oHP5VpH9L1fshgW62za4p1OiXhGK7QtotcqlzoRoPEm2y3dEJ6W/vayjJinJ2ErdFrEiL0uSD4BXCqX2Sav86SLG3sjxiyVnh34E4pM/GRgjSLwLhdZ3460G3AR+KJI3EkSL3syIRyQ3jviYRu0OFmB8x/pabXMbipCvVdoy4xGjPDGVNTGuFo13BHYorZgj2Q1SljnMRG4PSKI1+vwhdCvtvY3L3arjbHomMe8EbhXOc5BLdi05jwDiaVF9uMXamtkMi9Wqc2hAuPNcfOdgaqCHBhWWyOSedGuNkMFx5xuhCFDBQzpdAlUQwzpqGNrmUeptUhRZGt1hAwZdx7qW+AVBcB1OWhCctgtTuRF4q7NxYewDLgJeAh4DTjskjKb8wxskd+u1OF+K3KtMRhf+yuH+91UxfVWNNe7Ymy3x63Cu2r8Vk53OhgxZqVLoS365wmIb2h3rAcuLFrgm6fqyVgkE2xxFKUiw1bLAbSLLQzoSSQUxdo0jKLUQ+BaZUCINI7rSbTkHHMbJWKJJjdUA43vk0ca1ueQDnboTCRY1Cga3+NoQR4uVS8u01gj2mKlYK74jXX8LLOH5zXmpzlyl1zod8WzIsGyKNpdEdAofF24WjGklHJMAfTqrNgcrinaiZX2j2pF7o4MFsoc8xTo7ExUw1bN4WiOK41MbFYHv1XJyOa7ks2IErMza+j/XBW+EybxchWP2OluAezOpGYsdhnjB6ly5VplaEki5ovYVvC+JdDvxowidpIGDAJXOd02jZ1khIUvfrqdMfsU2Xe6bHK/dM5TIEyuFaZUpM6KR/5aYYeuFbpdEXBS8WaBxqz7WiHLmKRIN6YyZroC2OIGvy6jr/WumJBua//f7+5ekrEGyyzS2ep+p46N4l8e0O0LOIjtOWhHryrviRFZF0Z1oUv3EydF9Da6+440XpXMmHUIbSr9FLrYKQtrNFmrxKRxWDKj4k3zwsCxFP1uuhcGcIlTU7/Cge4Tq71UE0xPj4P/CP4GdM3Fkxh1C08AAAAASUVORK5CYII=">
</button>
<div id="settings" class="settings-dialog">
<div id="settings-content"></div>
</div>
</body>
<script type="module" src="index.js"></script>
</html>