Babylon.js 第26章基本的3D网格形状

Jake N

关注

已于 2022-09-09 18:41:19 修改 · 1k 阅读

原创

本文为博客 VIP 文章，开通 VIP 后可阅读全文

开通 VIP

一、盒子

const box = BABYLON.MeshBuilder.CreateBox("box", options, scene);

选项属性	价值	默认值
size	(number)每个盒子边的尺寸	1
height	（数字）高度大小，覆盖大小选项	尺寸
width	（数字）宽度大小，覆盖大小选项	尺寸
depth	（数字）深度大小，覆盖大小选项	尺寸
faceColors	(Color4[]) 6 个Color4数组，每个盒子面一个	每边的 Color4(1, 1, 1, 1)
faceUV	(Vector4[]) 6 个Vector4的数组，每个盒子面一个	每边的 UV(0, 0, 1, 1)
wrap	（布尔值）（BJS 4.0 或 >）当为真时，所有垂直边（0、1、2、3）将垂直应用图像纹理	错误的
topBaseAt	（数字）（BJS 4.0 或 >）给定 0、1、2、3 的顶部接触侧的底部	1
bottomBaseAt	（数字）（BJS 4.0 或 >）底部接触边的底部给定 0、1、2、3	0
updatable	（布尔值）如果网格是可更新的，则为真	错误的
sideOrientation	（数字）侧向	默认侧
frontUVs	(Vector4) 仅当 sideOrientation:BABYLON.Mesh.DOUBLESIDE 设置时	Vector4(0,0, 1,1)
backUVs	(Vector4) 仅当 sideOrientation:BABYLON.Mesh.DOUBLESIDE 设置时	Vector4(0,0, 1,1)

mesh:

const box = BABYLON.Mesh.CreateBox("box", size, scene);
const box = BABYLON.Mesh.CreateBox("box", size, scene, updatable, sideOrientation);

二、平铺框

const box = BABYLON.MeshBuilder.CreateBox("box", options, scene);

选项	价值	默认值
size	(number)每个盒子边的尺寸	1
height	（数字）高度大小，覆盖大小选项	尺寸
weidth	（数字）宽度大小，覆盖大小选项	尺寸
depth	（数字）深度大小，覆盖大小选项	尺寸
tileSize	（数字）每个瓷砖边的大小	1
tileHeight	(number) tile 高度大小，覆盖tileSize选项	瓷砖尺寸
tileWidth	（数字）平铺宽度大小，覆盖tileSize选项	瓷砖尺寸
faceColors	(Color4[]) 6 个Color4数组，每个盒子面一个	每边的 Color4(1, 1, 1, 1)
faceUV	(Vector4[]) 6 个Vector4的数组，每个盒子面一个	每边的 UV(0, 0, 1, 1)
pattern	（数字）瓷砖如何在一个面上反射或旋转	NO_FLIP
alignVertical	(number)将整个图块定位在面的顶部、底部或中心	中央
alignHorizontal	(number)将整个图块定位在面的左侧、右侧或中心	中央
updatable	（布尔值）如果网格是可更新的，则为真	错误的
sideOrientation	（数字）侧向	默认侧

options模式属性的值是以下常量

BABYLON.Mesh.NO_FLIP, default
BABYLON.Mesh.FLIP_TILE,
BABYLON.Mesh.ROTATE_TILE,
BABYLON.Mesh.FLIP_ROW,
BABYLON.Mesh.ROTATE_ROW,
BABYLON.Mesh.FLIP_N_ROTATE_TILE,
BABYLON.Mesh.FLIP_N_ROTATE_ROW

当平面的宽度或高度无法容纳整数个瓦片时，“切割”瓦片并使用部分瓦片填充平面。发生这种情况时，您可以安排零件拼贴的放置位置，可以在平面的一个边缘上，也可以均匀地在两个相对的边缘上。您可以通过在选项中设置alignVertical和alignHorizo ntal 以及您希望放置整个图块的位置来执行此操作。例如，将alignHorizontal设置为LEFT意味着最左边的瓦片列将是整个瓦片，而部分瓦片将在最右边的列中。以下常量可用于alignVertical和alignHorizontal