Model

Model可以再React VR中渲染3D物体

React VR 支持 Wavefront OBJ 格式的文件,它是一种通用的3D模型,将来我们希望通过在运行时初始化加载器来扩展此功能

外部的模型资源可以用 source 属性来提供,这是一个键值对,值指向了资源的路径。

如下所示的, -obj 表示OBJ格式模型的位置, -mtl 代表是MTL格式材料的位置

这些值可以是静态的字符串、asset()、或者是require()导入的:

// Model with a material

<Model

  source={{

    obj:'sculpture.obj'

    mtl:'sculpture.mtl'

  }}

/>


// Model without a material

<Model

  source={{

    obj:'sculpture.obj'

  }}

/>

像3D图元一样,Model也支持 littexture 属性,如果 lit 为true,模型的材料能被环境光影响,这会重写MTL文件的任何设置。如果 texture 指定了,React VR将查找相应的图像,并使用它来纹理模型。纹理只有在MTL没有指定时才用,可以是字符串、asset()、或者是require()导入的

属性

      View props...   查看左侧导航的"View"的属性
lit?:   PropTypes.bool

lit点亮的属性表示是否受到场景中放置的灯的影响。

materialParameters?:   PropTypes.object

在three.js中设置材料的参数

source  PropTypes.object

obj是表示Model的资源标识符的字符串,是http地址。未来的扩展能够支持其他格式

style?:  style
      Layout Props...  查看左侧导航的"布局属性"
      Transforms...  查看左侧导航的"三维坐标、变换"
      color   color
      opacity   PropTypes.number
texture?:   PropTypes.oneOfType([PropTypes.number, PropTypes.string, PropTypes.object])

是一个字符串,表示模型的纹理的地址,也就是一个http地址

wireframe?:   PropTypes.bool

如果为true,对象会显示线框