view Samples/WebAssembly/BasicScene.html @ 700:059e1fd05fd6 refactor-viewport-controller

Introduced the ViewportController that sits between the application and the Scene2D to handle the trackers and measuring tools. This is a work in progress. The Scene2D is no longer an observable. Message sending is managed by the ViewportController. Move some refs to shared and weak to prevent lifetime issues.
author Benjamin Golinvaux <bgo@osimis.io>
date Sun, 19 May 2019 16:26:17 +0200
parents 0925b27e8750
children
line wrap: on
line source

<!doctype html>
<html lang="en-us">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">

    <!-- Disable pinch zoom on mobile devices -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <meta name="HandheldFriendly" content="true" />
    
    
    <title>Stone of Orthanc</title>

    <style>
      html, body {
      width: 100%;
      height: 100%;
      margin: 0px;
      border: 0;
      overflow: hidden; /*  Disable scrollbars */
      display: block;  /* No floating content on sides */
      }

      #mycanvas1 {
      position:absolute;
      left:0%;
      top:0%;
      background-color: red;
      width: 50%;
      height: 100%;
      }

      #mycanvas2 {
      position:absolute;
      left:50%;
      top:0%;
      background-color: green;
      width: 50%;
      height: 50%;
      }

      #mycanvas3 {
      position:absolute;
      left:50%;
      top:50%;
      background-color: blue;
      width: 50%;
      height: 50%;
      }
    </style>
  </head>
  <body>
    <canvas id="mycanvas1" oncontextmenu="return false;"></canvas>
    <canvas id="mycanvas2" oncontextmenu="return false;"></canvas>
    <canvas id="mycanvas3" oncontextmenu="return false;"></canvas>

    <script type="text/javascript">
      if (!('WebAssembly' in window)) {
      alert('Sorry, your browser does not support WebAssembly :(');
      } else {
      window.addEventListener('WebAssemblyLoaded', function() {
      Module.ccall('Initialize', null, null, null);
      });
      }
    </script>

    <script type="text/javascript" async src="BasicScene.js"></script>
  </body>
</html>