註冊自定義 A-Frame 元件

Created: November-22, 2018

AFRAME.registerComponent（名稱，定義）

註冊 A-Frame 元件。我們必須在我們在任何地方使用它們之前註冊元件 **** 。從 HTML 檔案的含義來看，元件應該按順序排列 **** 。

{string} name - 元件名稱。元件的公共 API，通過 HTML 屬性名稱表示。
{Object}定義 - 元件定義。包含架構和生命週期處理程式方法。

在 js 檔案中註冊 foo 中的元件，例如 foo-component.js

AFRAME.registerComponent('foo', {
  schema: {},
  init: function () {},
  update: function () {},
  tick: function () {},
  remove: function () {},
  pause: function () {},
  play: function () {}
});

在場景中使用 foo 元件

<html>
  <head>
    <script src="aframe.min.js"></script>
    <script src="foo-component.js"></script>
  </head>
  <body>
    <a-scene>
      <a-entity foo></a-entity>
    </a-scene>
  </body>
</html>