cesium-oculus-plugin/index.html at master · CodingCooky/cesium-oculus-plugin · 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
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
<!DOCTYPE html>
<html lang="en">
<head>
    <title>Hello Virtual World!</title>

    <script src="lib/cesium-build/Cesium.js"></script>

    <script src="lib/vr.js/lib/vr.js"></script>
    <script src="src/cesium-oculus.js"></script>
    <script src="src/canvas-copy.js"></script>
    <link rel="stylesheet" type="text/css" href="src/cesium-oculus.css">

    <style>
        body, html {
            height: 100%;
        }
        body {
	        padding: 0;
	        border: 0;
	        margin: 0;
	        overflow: hidden;
        }
    </style>
</head>
<body>
  <div id="cesiumOculusContainer" style="width: 100%; height: 100%"/>

  <script>
      function testSceneCreation() {
          var someCanvas = document.createElement('canvas');
          document.body.appendChild(someCanvas);
          var scene = createScene(someCanvas);

          function createImageryProvider() {
              return new Cesium.BingMapsImageryProvider({
                  url: '//dev.virtualearth.net',
                  mapStyle: Cesium.BingMapsStyle.AERIAL
              });
          }

          function createTerrainProvider() {
              return new Cesium.CesiumTerrainProvider({
                  url: '//cesiumjs.org/stk-terrain/tilesets/world/tiles'
              });
          }

          function createScene(canvas) {
              var ellipsoid = Cesium.Ellipsoid.WGS84;
              var scene = new Cesium.Scene({ canvas: canvas });
              var primitives = scene.primitives;

              scene.camera.frustum._fovy = Cesium.Math.toRadians(100.0);

              var cb = new Cesium.Globe(ellipsoid);
              cb.imageryLayers.addImageryProvider(createImageryProvider());
              cb.terrainProvider = createTerrainProvider();

              scene.globe = cb;

              // Prevent right-click from opening a context menu.
              canvas.oncontextmenu = function () {
                  return false;
              };

              scene.skyAtmosphere = new Cesium.SkyAtmosphere();

              return scene;
          }

          return scene;
      }

      var scene = testSceneCreation();

      var cesiumOculus = new CesiumOculus(scene, 'cesiumOculusContainer');
  </script>

</body>
</html>