virtual-reality - React360 实体示例

Question

我正在尝试在 react360 项目中使用 3d 对象。我按照setup docs中的步骤操作。react-360 init Hello360使用命令创建了一个项目并使用npm start.

另外，下载这个 obj 模型，并将其放入static_assets文件夹中。然后，放入一个实体标签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);

结果，除了背​​景图像，我在浏览器中看不到任何东西。我究竟做错了什么？

标签： virtual-realityreact-360

Answer 1

React360 文档实体页面缺少导入部分。在这个博客中导入实体解决了这个问题。

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

import Entity from 'Entity';

...