Chapter 10

2-04: 基本的な家 (A Basic House)

ちょまど (千代田まどか)
ちょまど (千代田まどか)
2022.05.20に更新

このページの原文: https://doc.babylonjs.com/start/chap2/variation

🏠 2-04: 基本的な家 (A Basic House)

屋根を追加して、ボックスを家らしくしましょう。
そのために、角柱のような形が必要ですが、さいわい私たちは MeshBuilder.CreateCylinder を使うことができます。(Cylinder は円柱の意)
MeshBuilder.CreateCylinder では円柱の円周の部分で頂点がいくつかを指定することができ、底辺を三角形にしたい場合は 3 を指定することができます。(0 だと円柱になる)

const roof = BABYLON.MeshBuilder.CreateCylinder("roof", {diameter: 1.3, height: 1.2, tessellation: 3});
roof.scaling.x = 0.75;
roof.rotation.z = Math.PI / 2;
roof.position.y = 1.22;

円柱は垂直に作成されるため、水平位置に回転させ、屋根の高さが幅よりも小さくなるように一方向に縮小しました。

→ Playgroundでライブデモとコードを確認

次は色とテクスチャを付けて改善していきましょう。


参考)さらなる学びに

https://doc.babylonjs.com/divingDeeper/mesh/creation/set