|
820
|
1 <!doctype html>
|
|
|
2 <html lang="en-us">
|
|
|
3 <head>
|
|
|
4 <meta charset="utf-8">
|
|
|
5 <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
|
|
6
|
|
|
7 <!-- Disable pinch zoom on mobile devices -->
|
|
|
8 <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
|
|
|
9 <meta name="HandheldFriendly" content="true" />
|
|
|
10
|
|
|
11
|
|
|
12 <title>Stone of Orthanc</title>
|
|
|
13
|
|
|
14 <style>
|
|
|
15 html, body {
|
|
|
16 width: 100%;
|
|
|
17 height: 100%;
|
|
|
18 margin: 0px;
|
|
|
19 border: 0;
|
|
|
20 overflow: hidden; /* Disable scrollbars */
|
|
|
21 display: block; /* No floating content on sides */
|
|
|
22 }
|
|
|
23
|
|
|
24 #mycanvas1 {
|
|
|
25 position:absolute;
|
|
|
26 left:0%;
|
|
|
27 top:0%;
|
|
|
28 background-color: red;
|
|
|
29 width: 50%;
|
|
|
30 height: 100%;
|
|
|
31 }
|
|
|
32
|
|
|
33 #mycanvas2 {
|
|
|
34 position:absolute;
|
|
|
35 left:50%;
|
|
|
36 top:0%;
|
|
|
37 background-color: green;
|
|
|
38 width: 50%;
|
|
|
39 height: 50%;
|
|
|
40 }
|
|
|
41
|
|
|
42 #mycanvas3 {
|
|
|
43 position:absolute;
|
|
|
44 left:50%;
|
|
|
45 top:50%;
|
|
|
46 background-color: blue;
|
|
|
47 width: 50%;
|
|
|
48 height: 50%;
|
|
|
49 }
|
|
|
50 </style>
|
|
|
51 </head>
|
|
|
52 <body>
|
|
|
53 <canvas id="mycanvas1" oncontextmenu="return false;"></canvas>
|
|
|
54 <canvas id="mycanvas2" oncontextmenu="return false;"></canvas>
|
|
|
55 <canvas id="mycanvas3" oncontextmenu="return false;"></canvas>
|
|
|
56
|
|
|
57 <script type="text/javascript">
|
|
|
58 if (!('WebAssembly' in window)) {
|
|
|
59 alert('Sorry, your browser does not support WebAssembly :(');
|
|
|
60 } else {
|
|
|
61 window.addEventListener('WebAssemblyLoaded', function() {
|
|
|
62 Module.ccall('Initialize', null, null, null);
|
|
|
63 });
|
|
|
64 }
|
|
|
65 </script>
|
|
|
66
|
|
|
67 <script type="text/javascript" async src="BasicMPR.js"></script>
|
|
|
68 </body>
|
|
|
69 </html>
|
