A字框是一个link

Question

我想知道如何在 A 型框架 (aframe.io) 中将一个盒子变成 link。我有 link 结构和盒子结构，但我希望盒子变成 link。关于如何实现此目标的任何想法？

Answer 1

a-frames link component uses window.location 要更改网站，您可以在自定义组件中执行相同操作：

<script src="https://aframe.io/releases/1.2.0/aframe.min.js"></script>
<script>
  // component declaration
  AFRAME.registerComponent("mylink", {
    // define a url in the schema
    schema: {
      href: {}
    },
    init: function() {
      // when clicked - change the location:
      this.el.addEventListener("click", (e) => {
        window.location = this.data.href;
      })
    }
  })
</script>

<a-scene cursor="rayOrigin: mouse">
  <a-box position="0 1 -2" color="blue" mylink="href: https://aframe.io/;"></a-box>
</a-scene>

如果您愿意，您也可以抓住锚点 (a) 元素并执行“anchorElement.click();”而不是更改“window.location”。

Answer 2

我有一个网站，该网站使用二十面体链接到该网站的其他部分（忽略组件的荒谬数量，我是从站点代码复制和粘贴的）

<script src="https://aframe.io/releases/1.0.3/aframe.min.js"></script>
    <script src="https://unpkg.com/aframe-text-geometry-component@0.5.1/dist/aframe-text-geometry-component.min.js"></script>
    <script src="https://unpkg.com/aframe-event-set-component@^4.0.0/dist/aframe-event-set-component.min.js"></script>
    <script src="https://unpkg.com/aframe-debug-cursor-component/dist/aframe-debug-cursor-component.min.js"></script>
    <script src="https://cdn.rawgit.com/donmccurdy/aframe-physics-system/v4.0.1/dist/aframe-physics-system.min.js"></script>
    <script src="https://cdn.jsdelivr.net/gh/donmccurdy/aframe-extras@v6.1.1/dist/aframe-extras.min.js"></script>

<a-scene>
<a-entity
          link="href: personal.html; title: Personal Projects"
          geometry="primitive: icosahedron; depth: 0.5; height: 0.5; width: 0.5; skipCache: false; segmentsHeight: 1; segmentsWidth: 1; segmentsDepth: 1"
          material="color: #ff6600"
          animation__mouseenter="property: components.material.material.color; type: color; to: blue; startEvents: mouseenter; dur: 500"
          animation__mouseleave="property: components.material.material.color; type: color; to: #ff6600; startEvents: mouseleave; dur: 500"
        ></a-entity>
</a-scene>

这是 A-Frame 1.0.3，所以我不确定它是否适用于新版本。

A字框是一个link

A-frame box is a link

html

box

virtual-reality

aframe