virtual-texturing/index.html at master · elfrank/virtual-texturing · 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
45
46
47
48
49
50
51
52
53
54
55
56
<html>
  <head>
    <title>Virtual Textures | Example</title>

    <link rel="stylesheet" type="text/css" href="examples/css/main.css">
  </head>

  <body>

    <div class="container background">
      <div class="header"></div>
      <div class="content">
        <div id="canvas_container"></div>
      </div>
    </div>

    <script type="text/javascript" src="examples/js/Detector.js"></script>
    <script type="text/javascript" src="examples/js/three.js"></script>
    <script type="text/javascript" src="examples/js/Clock.js"></script>
    <script type="text/javascript" src="examples/js/FirstPersonControls.js"></script>

    <script type="text/javascript" src="src/Shaders.js"></script>
    <script type="text/javascript" src="src/VirtualTexture.js"></script>

    <script type="text/javascript" src="examples/js/Shaders.js"></script>
    <script type="text/javascript" src="examples/js/Main.js"></script>

    <script>

      APP.start();

      var config = {
        enabled: true,
        maxMipMapLevel: 4,
        tileSize: 128,
        tilePadding: 4,
        cacheSize: 2048,
        getTilePath: function(tile) {
          var directory = '/examples/models/terrain/tiles/diffuse/';
          var filename = (4 - tile.mipMapLevel) + '-' + tile.pageNumber + ".jpg";

          return directory + filename;
        }
      };

      var geometry = new THREE.PlaneGeometry(100, 100, 100);

      APP.load(geometry, config);

      APP.run();

    </script>
  </body>

  </head>
</html>