Как мне установить компонент сообщества / стороннего производителя в мою сцену A-Frame?

Я хотел бы использовать такой компонент, как shadow из aframe-extras https://github.com/donmccurdy/aframe-extras/tree/master/src/shadows

Как мне использовать или устанавливать внешние компоненты в мою сцену A-Frame?

<html>
  <head>
    <script src="https://aframe.io/releases/0.3.2/aframe.min.js"></script>
  </head>
  <body>
    <a-scene>
      <a-box color="red" position="0 0 -4"></a-box>
    </a-scene>
  </body>
</html>

aframe
person ngokevin    schedule 13.10.2016    source источник

Ответы (1)


arrow_upward
1
arrow_downward

Как правило, опубликованные компоненты A-Frame на GitHub следуют одному и тому же шаблону. В этом случае файл JS для теневого компонента находится по адресу https://github.com/donmccurdy/aframe-extras/blob/master/dist/aframe-extras.shadows.js ... в корневой dist/ папке.

Чтобы включить JS-файл извне из нашей сцены, мы можем всего лишь пару сервисов CDN, которые разрешают CORS: rawgit.com или unpkg.com. Тег скрипта в <head> после кадра

<html>
  <head>
    <script src="https://aframe.io/releases/0.3.2/aframe.min.js"></script>
    <script src="https://rawgit.com/donmccurdy/aframe-extras/master/dist/aframe-extras.shadows.js"></script>
    <!-- or <script src="https://unpkg.com/aframe-extras/dist/aframe-extras.shadow.js"></script>
  </head>
</html>

Затем просто используйте компонент в своем HTML

<a-scene>
  <a-box color="red" position="0 0 -4" shadow="cast: true; receive: true"></a-box>
  <a-light shadow-light="cast-shadow: true"></a-light>
</a-scene>

So just two steps: add script tag for component, use component.

person ngokevin    schedule 13.10.2016