Пример React360 Entity

Question

Я пытаюсь использовать 3D-объект в проекте react360. Я выполнил шаги, указанные в документации по настройке. Создал проект сreact-360 init Hello360 команда и запустила сервер с npm start.

Кроме того, загрузите эту модель obj и поместите ее вstatic_assetsпапка. Затем поместите тег Entity вindex.jsдля отображения объекта. Всеindex.js составляет.

import React from 'react';
import {
  AppRegistry,
  Entity,
  asset
} from 'react-360';

export default class Hello360 extends React.Component {
  render() {
    return (
      <Entity source={{ obj: asset('stickman.obj') }} />
    );
  }
};

AppRegistry.registerComponent('Hello360', () => Hello360);

В результате я ничего не вижу в браузере, кроме фонового изображения. Что я делаю неправильно?

Answer 1

Документы React360 На странице сущности отсутствует часть импорта. Импорт Entity, как в этом блоге, решает проблему.

import React from 'react';
import {
  AppRegistry,
  asset,
} from 'react-360';

import Entity from 'Entity';

...