Babylon.js 学习记录

BABYLON101

关于 BABYLON101

link

一篇引导你使用 Babylon Engine 的基本特性去一步一步的创建和处理 Scene

场景 scene 包含相机(camera)、灯光(lights)、和一个球体(sphere)。

场景布置完成之后,怎样去定位(position)或进行旋转(rotate)???

以及怎么给上面单调的场景增加色彩(color)和文本内容(texture),让其更丰富多彩???

Set Shapes 101

形状创建。

MeshBuilder Method(rather than Mesh method)

创建各种形状的方法不再使用 Mesh 而是使用现在的新 API: MeshBuilder

MeshBuilder 下面有各种方法来创建各种形状。

  • 调用方式:

    var shape = BABYLON.MeshBuilder.CreateShape(name, options, scene);

    CreateShape 可以是: CreateBoxCreateSphere 或者 CreateGround 等等。

更详细的 MeshBuilder api 请参考官网说明或这个翻译文章

MeshBuilder.CreateBox

  • 示例:

    var box = BABYLON.MeshBuilder.CreateBox('box', {}, scene);

    创建了个默认的 box 形状:

    img

  • 属性:

选项 类型 默认值
size number 每个边的大小 1
height number 高度会覆盖上面的 size size
width number 同上 size
depth number 深度,长 size
faceColors Color4[] array of 6 Color4 Color4(1,1,1,1) 每个边
fceUV Vector4[] array of 6 Vector4 UVs(0,0,1,1) 每个边
updateable boolean 网格(Mesh) 可更新 false
sideOrientation number side orientation DEFAULTSIDE

根据上面的属性,来设置几个属性看看效果(size, height, width)

var box = BABYLON.MeshBuilder.CreateBox('box', {});

效果如下:

问题

TODO BABYLON中的数值应该都是根据比例来的,而这个依据是什么???

比如:

BABYLON.MeshBuilder.CreateBox('box', { width: 1, height: 1 }, scene)

其中的 width:1, height: 1 这个 1 是相对于什么而言的???

本文标题:Babylon.js 学习记录

文章作者:ZhiCheng Lee

发布时间:2019年05月05日 - 18:52:53

最后更新:2019年06月16日 - 20:25:57

原始链接:http://blog.gcl666.com/2019/05/05/babylon_basic_01/

许可协议: 署名-非商业性使用-禁止演绎 4.0 国际 转载请保留原文链接及作者。

0%