材质UI和网格系统
问题答案：
材质UI已通过Grid组件实现了自己的Flexbox布局。
看来他们最初想将自己保留为纯粹的“组件”库。但是一位核心开发者认为不要拥有自己太重要了。现在，它已合并到核心代码中，并随v1.0.0一起发布。
您可以通过以下方式安装它：
npm install @material-ui/core
现在在官方文档中带有代码示例。
-
一种用于具有镜面高光的光泽表面的材质。 该材质使用非物理的Blinn-Phong模型来计算反射率。 与MeshLambertMaterial中使用的Lambertian模型不同，该材质可以模拟具有镜面高光的光泽表面（例如涂漆木材）。 使用Phong着色模型计算着色时，会计算每个像素的阴影（在fragment shader， AKA pixel shader中），与MeshLambertMateri
-
一种非光泽表面的材质，没有镜面高光。 该材质使用基于非物理的Lambertian模型来计算反射率。 这可以很好地模拟一些表面（例如未经处理的木材或石材），但不能模拟具有镜面高光的光泽表面（例如涂漆木材）。 使用Gouraud着色模型计算着色。这将计算每个顶点的着色 （即在vertex shader中）并在多边形的面上插入结果。 由于反射率和光照模型的简单性，MeshPhongMaterial，Me
-
从 1.2 版本开始， UI 的 Sprite 组件支持自定义材质的使用，其使用界面如下图： 其使用方法与其他材质并无不同，但由于 Sprite 面板有基于 UI 内置材质的功能，所以有一些需要注意的点： 当设置自定义材质数量为 0 或为空时，会使用默认材质进行渲染，面板功能及使用方法可参考 Sprite UI 并不支持多材质，自定义材质的数量最多为一个 当使用了 ui 自定义材质之后，面板上的
-
一种基于物理的标准材质，使用Metallic-Roughness工作流程。 基于物理的渲染（PBR）最近已成为许多3D应用程序的标准，例如Unity， Unreal和 3D Studio Max。 这种方法与旧方法的不同之处在于，不使用近似值来表示光与表面的相互作用，而是使用物理上正确的模型。 我们的想法是，不是在特定照明下调整材质以使其看起来很好，而是可以创建一种材质，能够“正确”地应对所有光照
-
MeshStandardMaterial的扩展，提供了更高级的基于物理的渲染属性： Clearcoat: Some materials — like car paints, carbon fiber, and wet surfaces — require a clear, reflective layer on top of another layer that may be irregular
-
一种把法向量映射到RGB颜色的材质。// iOS iframe auto-resize workaround if ( /(iPad|iPhone|iPod)/g.test( navigator.userAgent ) ) { const scene = document.getElementById( 'scene' ); scene.style.width = getComputedStyle