vinird.github.io/images.html at master · vinird/vinird.github.io · 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
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Investigación sobre realidad virtual • A-Frame Framework</title>
    <script src="js/aframe.min.js"></script>
  </head>
  <body>
    <a-scene>
      <!--Assets del proyecto-->
      <a-assets>
        <img id="img01" src="imgs/land01.jpg" />
        <img id="img02" src="imgs/land02.jpg" />
        <img id="img03" src="imgs/land03.jpg" />
      </a-assets>
      <!--Creación de la cámara y cursor-->
      <a-entity position="0 1.8 4">
        <a-camera id="camera">
          <a-cursor color="#4CC3D9"></a-cursor>
        </a-camera>
      </a-entity>
      <!--Objectos con interacción-->
      <a-sphere src="#img01" radius="0.5" position="-2 0 0">
        <a-event name="mouseenter" target="#background" src="#img01"></a-event>
      </a-sphere>
      <a-sphere color="#708090" radius="0.5" position="0 0 0" onclick="location.href='room.html'">
        <a-event name="mouseenter" color="#B8860B"></a-event>
        <a-event name="mouseleave" color="#708090"></a-event>
      </a-sphere>
      <a-sphere src="#img02" radius="0.5" position="2 0 0">
        <a-event name="mouseenter" target="#background" src="#img02"></a-event>
      </a-sphere>

    <a-sky id="background" src="#img03"></a-sky>
    </a-scene>
  </body>
</html>