mindcraft/index.html at master · simonguozirui/mindcraft · 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
80
81
82
83
84
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Mindcraft</title>
    <meta name="description" content="Aincraft">
    <script src="https://aframe.io/releases/0.5.0/aframe.min.js"></script>
    <script src="https://unpkg.com/aframe-teleport-controls@0.2.0/dist/aframe-teleport-controls.min.js"></script>
  <!--   <script src="https://unpkg.com/aframe-controller-cursor-component@0.2.2/dist/aframe-controller-cursor-component.min.js"></script> -->
    <script src="https://rawgit.com/ngokevin/aframe-motion-capture/343f99/dist/aframe-motion-capture.min.js"></script>
    <script src="https://rawgit.com/ryanbetts/aframe-daydream-controller-component/master/dist/aframe-daydream-controller-component.min.js"></script>
    <script src="components/intersection-spawn.js"></script>
    <script src="components/random-color.js"></script>
    <script src="components/snap.js"></script>
    <script src="node_modules/systemjs/dist/system.js"></script>
    <script src="https://rawgit.com/etiennepinchon/aframe-material/master/dist/aframe-material.min.js"></script>
     <script type="text/javascript">
    AFRAME.ASSETS_PATH = "./assets";
    </script>
    <script>
        System.config({
            packages: {
                'muse-js': {
                    defaultJSExtensions: true,
                    main: 'muse.js',
                },
                'rxjs': {
                    defaultJSExtensions: true,
                }
            },
            map: {
                'rxjs': 'node_modules/rxjs/',
                'muse-js': 'node_modules/muse-js/dist'
            }
        });
        SystemJS.import('brain.js');
    </script>
  </head>
  <body>
    <a-scene id="world" avatar-recorder>
      <a-assets>
        <img id="groundTexture" src="https://cdn.aframe.io/a-painter/images/floor.jpg">
        <img id="skyTexture" src="https://cdn.aframe.io/a-painter/images/sky.jpg">
        <a-mixin id="voxel"
           geometry="primitive: box; height: 0.5; width: 0.5; depth: 0.5"
           material="shader: standard"
           random-color
           snap="offset: 0.25 0.25 0.25; snap: 0.5 0.5 0.5"
        ></a-mixin>
      </a-assets>

      <a-sky id="bg" radius="30" src="#skyTexture" theta-length="90"></a-sky>

      <a-cylinder id="ground" src="#groundTexture" radius="32" height="0.1"></a-cylinder>

      <!-- Enable this for Google DayDream VR Controller-->
      <a-entity id="dayDreamHand" daydream-controller hand-controls="right"
      teleport-controls="type: parabolic; collisionEntities: [mixin='voxel'], #ground"
      ></a-entity>
      <!-- Hands. -->
      <!-- <a-entity id="teleHand"
        hand-controls="left"
        teleport-controls="type: parabolic; collisionEntities: [mixin='voxel'], #ground"
      ></a-entity> -->

      <a-button position="-0.5 2 -2" onclick="connectToMuse()" value="Connect" type="raised"></a-button>
<!--       <a-button position="2.5 2 -2" id="mybutton" onclick="alert('TEST click event occured')" value="test" type="raised"></a-button> -->


      <!-- <a-entity id="blockHand"
        hand-controls="right"
        controller-cursor
        intersection-spawn="event: click; mixin: voxel"
      ></a-entity> -->

      <!-- Camera. -->
      <a-camera>
        <a-cursor
          intersection-spawn="event: click; mixin: voxel"
        ></a-cursor>
      </a-camera>
    </a-scene>
  </body>
</html>