babylon.js第二章03:网格放置

文章介绍了如何在Babylon.js中使用MeshBuilder创建网格并调整其大小、位置和旋转。通过设置scaling属性可以缩放网格,position属性用于设置位置,rotation属性则涉及旋转,注意旋转是以弧度表示的。示例代码展示了如何进行这些基本操作。
摘要由CSDN通过智能技术生成

放置和缩放物体(Mesh)

大小:

某些网格(如 box)具有可在创建过程中设置更改的属性。

const box = BABYLON.MeshBuilder.CreateBox("box", {width: 2, height: 1.5, depth: 3})

创建后,对于没有大小调整选项的网格,可以通过缩放网格来更改大小。

const box = BABYLON.MeshBuilder.CreateBox("box", {});
box.scaling.x = 2;
box.scaling.y = 1.5;
box.scaling.z = 3;

或是通过三位向量来修改缩放大小

const box = BABYLON.MeshBuilder.CreateBox("box", {}); //unit cube
box.scaling = new BABYLON.Vector3(2, 1.5, 3);

位置:

对于大多数网格,位置属性将网格的中心放置在该位置。位置也是具有属性 x、y 和 z 的矢量对象,因此以下两组代码将框定位在同一位置。

box.position.x = -2;
box.position.y = 4.2;
box.position.z = 0.1;
//使用三位向量设置物体位置,参数分别对应x,y,z
box.position = new BABYLON.Vector3(-2, 4.2, 0.1);

方向:

至于缩放和位置,网格的旋转属性是具有属性 x、y 和 z 的矢量对象。然而,在构建我们的第一个世界时,我们只会考虑围绕一个轴的旋转,因为围绕所有三个轴设置旋转可能会令人惊讶地令人困惑。

旋转以弧度表示。babylon.js提供了一个转换工具。这两行代码将产生相同的旋转。

//使用两种不同的方式旋转物体
box.rotation.y = Math.PI / 4;
box.rotation.y = BABYLON.Tools.ToRadians(45);

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值