65. 详解常规形状物体

本教程翻译自官方教程Create Set Shapes，各位也可以进入本站镜像站点查看

本文目录

1. 初识形状物体
2. 如何使用 MeshBuilder 创建形状物体
   1. 立方体
   2. 材质平铺的立方体
   3. 球体
   4. 圆柱体与圆锥体
   5. 平面
   6. 材质平铺的平面
   7. 圆盘和正多边形
   8. 圆环
   9. 环面纽结体
   10. 地面
   11. 三维地形图
   12. 材质平铺的地面
3. 延伸阅读
   1. 了解更多的选项信息
   2. 基础 - L1
   3. 中级 - L2
   4. 高级设置 - L3

初识形状物体

    有些形状物体我们在生活中经常用到，我们也非常的熟悉它们的结构。例如一个立方体(或长方体)，一个球体，一个圆柱体，一个圆锥，一个正多边形，一个平面和一个水平面。但是 babylon 还为我们提供了一些我们不太常见的形状物体。例如三维地形图，材质平铺的地面，一个环面，一个环结体和多面体。

    我们可以使用 MeshBuilder 方法，通过设置一些选项或者直接使用默认选项就可以创建出这些形状物体。有些选项很容易理解(如 size 和 diameter )，想要了解更多有关 MeshBuilder 的选项(如 updatable 或 faceUV )请各位移步到延伸阅读中去进一步探索。

如何使用 MeshBuilder 创建形状物体

下面这行代码格式可以帮助我们创建所有的形状物体

var mesh = BABYLON.MeshBuilder.Create<Shape Name>("name", options, scene);

立方体

示例：

var box = BABYLON.MeshBuilder.CreateBox("box", {height: 5}, scene);

Playground 创建简单立方体的实例

材质平铺的立方体(Tiled Box)

材质平铺的立方体只能通过 MeshBuilder 方法创建。它每一面的材质大小，图案以及材质的对齐方式都一样。
示例：

var tiledBox = BABYLON.MeshBuilder.CreateTiledBox("box", {size:5, tileSize:1}, scene);

Playground 创建材质平铺的立方体的实例

球体

当diameterX diameterY diameterZ设置不同的值时，会创建一个椭圆。示例：

var sphere = BABYLON.MeshBuilder.CreateSphere("sphere", {diameter: 2, diameterX: 3}, scene);

Playground 创建球体的实例

圆柱体与圆锥体

如果我们将 diameterTop 设置为0，可以创建一个圆锥体。将 diameterTop 和 diameterBottm 设置为不同的值，可以创建一个截锥体。
示例：

var cone = BABYLON.MeshBuilder.CreateCylinder("cone", {diameterTop: 0, tessellation: 4}, scene);

Playground 创建圆锥体的实例

平面

一个和XOY面平行的平面
示例：

var plane = BABYLON.MeshBuilder.CreatePlane("plane", {width: 5, size:5, tileSize:1}, scene);

Playground 创建平面的实例

材质平铺的平面(Tiled Plane)

材质平铺的平面只能通过 MeshBuilder 方法创建。我们可以设置材质的大小，图案以及对齐方式。
示例：

var tiledPlane = BABYLON.MeshBuilder.CreateTiledPlane("plane", {width: 5}, scene);

Playground 创建材质平铺的平面的实例

圆盘和正多边形

你可以使用 CreateDisc() 创建任何类型的正多边形，通过tessellation 的值来设置多边形的边数。边数设置越大越接近一个实际的圆盘。可以通过设置 arc 来创建一个扇形。
关于圆盘与圆的区别，可以参考圆盘和圆有什么区别？

var disc = BABYLON.MeshBuilder.CreateDisc("disc", {tessellation: 3}, scene); // makes a triangle

Playground 创建扇形的实例

圆环

示例：

var torus = BABYLON.MeshBuilder.CreateTorus("torus", {thickness: 0.2}, scene);

Playground 创建圆环体的实例

环面纽结体

示例：

var torus = BABYLON.MeshBuilder.CreateTorusKnot("tk", {}, scene);

Playground 创建环面纽结体的实例

地面

与XOZ面(X轴-坐标原点-Z轴)平行的水平面。
示例：

var ground = BABYLON.MeshBuilder.CreateGround("gd", {width: 6, subdivisions: 4}, scene);

Playground 创建地面的实例

三维地面

var ground = BABYLON.MeshBuilder.CreateGroundFromHeightMap("gdhm", url, {width: 6, subdivisions: 4}, scene);

不要忘记url参数，它是heightmap文件的链接，这是一个灰度等级文件，其中较亮的区域将比较暗的区域显示得更高。

Playground 创建三维地面的实例

材质平铺的地面

var tiledGround = BABYLON.MeshBuilder.CreateTiledGround("tgd", {subdivisions: {w:4, h:6} }, scene);

Playground 创建国际象棋棋盘的实例
想要了解关于创建材质平铺地面的更多信息。点击这里

延伸阅读

了解更多的选项信息

Side Orientation
Updatable
Face UV and Face Colors
Front and Back UV
Face Texture Orientation

基础 - L1

Mesh Overview
Set Shapes 101
Parametric Shapes 101
Parametric Shapes
Polyhedra Shapes
Tiled Planes and Boxes
Decals

中级 - L2

Ribbons In Detail

高级 - L3

Maths Makes Ribbons

贡献者

翻译: 阿恒 cnblogs
校对: Catherine catherine__long@126.com
技术支持: 吉吉国王 jijiking@office2.cn / Dushusir github

参与贡献? 联系sevice@office2.cn