Odin/demo.html at master · operasoftware/Odin · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
<html>
  <head>
    <title>Opera WebGL demo</title>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <script type="text/javascript" src="js/Collada.js"></script>
    <script type="text/javascript" src="js/PreProcess.js"></script>
    <script type="text/javascript" src="js/Loader.js"></script>
    <script type="text/javascript" src="js/VectorMath.js"></script>
    <script type="text/javascript" src="js/Animation.js"></script>
    <script type="text/javascript" src="js/Material.js"></script>
    <script type="text/javascript" src="js/MaterialCache.js"></script>
    <script type="text/javascript" src="js/TextureCache.js"></script>
    <script type="text/javascript" src="js/Node.js"></script>
    <script type="text/javascript" src="js/Mesh.js"></script>
    <script type="text/javascript" src="js/DebugDraw.js"></script>
    <script type="text/javascript" src="js/Joint.js"></script>
    <script type="text/javascript" src="js/Scene.js"></script>
    <script type="text/javascript" src="js/Light.js"></script>
    <script type="text/javascript" src="js/Camera.js"></script>
    <script type="text/javascript" src="js/Area.js"></script>
    <script type="text/javascript" src="js/Demo.js"></script>
    <script type="text/javascript" src="js/GlobalMaterialProperties.js"></script>
    <style type="text/css">
      #webglArea {
        position: absolute;
        left: 50%;
        top:  50%;
      }

      #webgl {
        width:  100%;
        height: 100%;
      }
      </style>
  </head>
  <body onload="demo.init()" style='background-color:black'>
    <audio autoplay='autoplay' loop="loop">
      <source src="./audio/space-opera.ogg"></source>
    </audio>
    <div id="webglArea">
      <canvas id="webgl"></canvas>
    </div>
  </body>
</html>