annotate Samples/WebAssembly/BasicMPR.html @ 1213:86a8266b8888 broker

moving the scene from IViewport to ViewportController
author Sebastien Jodogne <s.jodogne@gmail.com>
date Wed, 04 Dec 2019 17:54:10 +0100
parents d71cf8504159
children
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
rev   line source
820
270c31978df1 BasicMPR sample
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
1 <!doctype html>
270c31978df1 BasicMPR sample
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
2 <html lang="en-us">
270c31978df1 BasicMPR sample
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
3 <head>
270c31978df1 BasicMPR sample
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
4 <meta charset="utf-8">
270c31978df1 BasicMPR sample
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
5 <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
270c31978df1 BasicMPR sample
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
6
270c31978df1 BasicMPR sample
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
7 <!-- Disable pinch zoom on mobile devices -->
270c31978df1 BasicMPR sample
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
8 <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
270c31978df1 BasicMPR sample
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
9 <meta name="HandheldFriendly" content="true" />
270c31978df1 BasicMPR sample
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
10
270c31978df1 BasicMPR sample
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
11
270c31978df1 BasicMPR sample
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
12 <title>Stone of Orthanc</title>
270c31978df1 BasicMPR sample
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
13
270c31978df1 BasicMPR sample
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
14 <style>
270c31978df1 BasicMPR sample
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
15 html, body {
270c31978df1 BasicMPR sample
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
16 width: 100%;
270c31978df1 BasicMPR sample
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
17 height: 100%;
270c31978df1 BasicMPR sample
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
18 margin: 0px;
270c31978df1 BasicMPR sample
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
19 border: 0;
270c31978df1 BasicMPR sample
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
20 overflow: hidden; /* Disable scrollbars */
270c31978df1 BasicMPR sample
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
21 display: block; /* No floating content on sides */
270c31978df1 BasicMPR sample
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
22 }
270c31978df1 BasicMPR sample
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
23
270c31978df1 BasicMPR sample
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
24 #mycanvas1 {
270c31978df1 BasicMPR sample
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
25 position:absolute;
270c31978df1 BasicMPR sample
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
26 left:0%;
270c31978df1 BasicMPR sample
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
27 top:0%;
270c31978df1 BasicMPR sample
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
28 background-color: red;
270c31978df1 BasicMPR sample
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
29 width: 50%;
270c31978df1 BasicMPR sample
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
30 height: 100%;
270c31978df1 BasicMPR sample
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
31 }
270c31978df1 BasicMPR sample
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
32
270c31978df1 BasicMPR sample
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
33 #mycanvas2 {
270c31978df1 BasicMPR sample
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
34 position:absolute;
270c31978df1 BasicMPR sample
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
35 left:50%;
270c31978df1 BasicMPR sample
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
36 top:0%;
270c31978df1 BasicMPR sample
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
37 background-color: green;
270c31978df1 BasicMPR sample
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
38 width: 50%;
270c31978df1 BasicMPR sample
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
39 height: 50%;
270c31978df1 BasicMPR sample
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
40 }
270c31978df1 BasicMPR sample
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
41
270c31978df1 BasicMPR sample
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
42 #mycanvas3 {
270c31978df1 BasicMPR sample
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
43 position:absolute;
270c31978df1 BasicMPR sample
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
44 left:50%;
270c31978df1 BasicMPR sample
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
45 top:50%;
270c31978df1 BasicMPR sample
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
46 background-color: blue;
270c31978df1 BasicMPR sample
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
47 width: 50%;
270c31978df1 BasicMPR sample
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
48 height: 50%;
270c31978df1 BasicMPR sample
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
49 }
270c31978df1 BasicMPR sample
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
50 </style>
270c31978df1 BasicMPR sample
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
51 </head>
270c31978df1 BasicMPR sample
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
52 <body>
270c31978df1 BasicMPR sample
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
53 <canvas id="mycanvas1" oncontextmenu="return false;"></canvas>
270c31978df1 BasicMPR sample
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
54 <canvas id="mycanvas2" oncontextmenu="return false;"></canvas>
270c31978df1 BasicMPR sample
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
55 <canvas id="mycanvas3" oncontextmenu="return false;"></canvas>
270c31978df1 BasicMPR sample
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
56
831
d71cf8504159 handling of GET arguments
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 820
diff changeset
57 <script type="text/javascript" src="app.js"></script>
820
270c31978df1 BasicMPR sample
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
58 <script type="text/javascript" async src="BasicMPR.js"></script>
270c31978df1 BasicMPR sample
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
59 </body>
270c31978df1 BasicMPR sample
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
60 </html>