Mercurial > hg > orthanc-stone

comparison Samples/WebAssembly/BasicScene.html @ 616:97926984d5d0

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
WebAssembly sample using Scene2D
author Sebastien Jodogne <s.jodogne@gmail.com>
date Thu, 02 May 2019 13:27:41 +0200
parents
children 0925b27e8750
comparison
equal deleted inserted replaced
615:b4de8272e8fb 616:97926984d5d0
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"></canvas>
54 <canvas id="mycanvas2"></canvas>
55 <canvas id="mycanvas3"></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="BasicScene.js"></script>
68 </body>
69 </html>