Babylonjs中的基本元素使用

介绍

前面的课程，讲了一个例子，但是还不够丰满，我们需要向例子里面加入更多的基本元素，才能让例子更完美。 在Babylon.js有盒子, 球体, 和平面等基本元素。

先看看babylonjs创建盒子吧

男孩子要女孩子喜欢，需要经常送一些礼物，我们从送礼物的盒子开始吧。

先看效果

       **创建一个盒子**，下面是创建盒子的两种方式

var box = BABYLON.MeshBuilder.CreateBox("box", {}, scene); // default box
var myBox = BABYLON.MeshBuilder.CreateBox("myBox", {height: 5, width: 2, depth: 0.5}, scene);

• 参数一：盒子的名字
• 参数二：盒子的基本属性
• 参数三：它将放到场景的变量

盒子第二个基本属性参数可以是下面的值：

可能有几个参数不是很明白，没关系，可以在下面留言，告诉老师你哪里不清楚哦。

babylonjs创建一个球体

BABYLON.MeshBuilder.CreateSphere是创建一个球体，其实第一课已经创建。

先看效果

var sphere = BABYLON.MeshBuilder.CreateSphere("sphere", {}, scene); //default sphere

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

• 参数一：球体的名字
• 参数二：球体的基本属性
• 参数三：它将放到的那个场景的变量

参数二是一个元组，可取值如下：

可能有几个参数不是很明白，没关系，可以在下面留言，告诉老师你哪里不清楚哦。

babylonjs创建一个平面

BABYLON.MeshBuilder.CreatePlane是创建一个球体，其实第一课已经创建。

先看效果

var plane = BABYLON.MeshBuilder.CreatePlane("plane", {}, scene); // default plane

var myPlane = BABYLON.MeshBuilder.CreatePlane("myPlane", {width: 5, height: 2}, scene);

• 参数一：平面的名字
• 参数二：平面的基本属性
• 参数三：它将放到的那个场景的变量

参数二是一个元组，可取值如下：

上面涉及到法向量等概念，也许你还没在其他书中学过，不过没关系，我们会在后面详细讲解，不要错过哦。

最后一个参数sourcePlane较为复杂，我们后面再讲解吧。

小结

本课介绍了一些基本的元素，如正方体、球、平面，快试一下，怎么绘制这些东西吧。

原文地址：https://www.hellodemos.com/hello-babylonjs/babylonjs-discover-basic-elements.html