React360 实体示例

Question

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

启动服务器

此外，已将 this obj model, and put it into static_assets folder. Then, put an 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 docs Entity page is missing the import part. Importing Entity as in this blog 解决问题。

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

import Entity from 'Entity';

...

React360 实体示例

React360 Entity example

virtual-reality

react-360