babylon 常用美化方法

作者：七棵菜日期：2022-11-30 栏目：计算机分类：1 人气：202

### 创建高地

如下方法通过向地面物体添加垂直高度实现山谷效果。这是通过使用高度贴图实现的，该贴图使用灰色阴影来确定地面的高度。白色区域为最高部分，黑色区域为最低部分。
![](https://www.qikecai.com/xindejob-file/picture/20210818/9278949d6eef2669e336a866061bd863.png)

```
const largeGround = BABYLON.MeshBuilder.CreateGroundFromHeightMap("largeGround", "url to height map", {width:150, height:150, subdivisions: 20, minHeight:0, maxHeight: 10});
```

选项的`subdivisions`属性将地面分割为20 x 20=400个部分。细分越多，用于高度计算的级配越细。
`minHeight`和`maxHeight`这两个属性分别确定黑色区域和白色区域的垂直高度，灰色区域也相应缩放。

### 创建天空盒子

```
const skybox = BABYLON.MeshBuilder.CreateBox("skyBox", {size:150}, scene);
const skyboxMaterial = new BABYLON.StandardMaterial("skyBox", scene);
skyboxMaterial.backFaceCulling = false;
skyboxMaterial.reflectionTexture = new BABYLON.CubeTexture("textures/skybox", scene);
skyboxMaterial.reflectionTexture.coordinatesMode = BABYLON.Texture.SKYBOX_MODE;
skyboxMaterial.diffuseColor = new BABYLON.Color3(0, 0, 0);
skyboxMaterial.specularColor = new BABYLON.Color3(0, 0, 0);
skybox.material = skyboxMaterial;
```

### 限制相机，使其不能在地面以下移动。

```
camera.upperBetaLimit = Math.PI / 2.2;
```

### 创建精灵

`精灵`是始终面向相机的二维图像。

- 创建精灵管理器
```
const spriteManagerTrees = new BABYLON.SpriteManager("treesManager", "url to tree image", 2000, {width: 512, height: 1024}, scene);
```
参数依次是管理器的名称、图像的url、精灵的最大数量、指定精灵宽度和高度的对象。
- 创建精灵
```
const tree = new BABYLON.Sprite("tree", spriteManagerTrees);
```

标签： babylon 3D

上一篇：Found the synthetic property @showTooltip. Please include either "BrowserAnimationsModule" or "NoopAnimationsModule" in your application. 下一篇：apache开启gzip压缩，并且设置图片缓存

babylon 常用美化方法

随便看看

留言