1
<!DOCTYPE html>
2
<html>
3
<head>
4
    <title>Book Engine</title>
5
    <meta charset="utf-8"/>
6
    <style>
7
      body {
8
        background-color: #aaa;
9
      }
10
    </style>
11
</head>
12
<body>
13
  <div id="loading">Loading. Please wait...</div>
14
  <div id="controls" style="position:absolute;z-index:1000">
15
    <input type="button" id="flipleft" value="flipLeft" />
16
    <br />
17
    <input type="button" id="flipright" value="flipRight" />
18
  </div>
19
  <script>
20
    if (!window.requestAnimationFrame) {
21
22
      window.requestAnimationFrame = (function() {
23
24
        return window.webkitRequestAnimationFrame ||
25
        window.mozRequestAnimationFrame ||
26
        window.oRequestAnimationFrame ||
27
        window.msRequestAnimationFrame ||
28
        function(/* function FrameRequestCallback */ callback, /* DOMElement Element */ element) {
29
          window.setTimeout(callback, 1000 / 60);
30
        };
31
      })();
32
    }
33
  </script>
34
35
  <script>
36
    window.BE = window.BE || {};
37
    window.onload = function() {
38
      BE.init();
39
    };
40
  </script>
41
  <!--script src="js/lib/jquery-1.9.0.js"></script-->
42
  <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
43
  <script src="js/lib/Detector.js"></script>
44
  <!--script src="js/lib/three.js"></script>
45
  <script src="js/lib/physi.js"></script-->
46
  <script type="text/javascript" src="js/lib/three.r46.js"></script>
47
  <script src="js/lib/Three.FirstPersonControls.js"></script>
48
  <!--script src="js/lib/threex.domevent.js"></script>
49
  <script src="js/lib/threex.domevent.object3d.js"></script-->
50
  <script type="text/javascript" src="js/lib/MOD3.js"></script>
51
  <script type="text/javascript" src="js/lib/Tween.js"></script>
52
  <script type="text/javascript" src="js/FlipBook3D.js"></script>
53
  <script src="js/main.js"></script>
54
</body>
55
</html>