create ground mesh from a plane

[yokewang]

Hi,

   I want to create a ground mesh from a plane.

let plane = new Plane(-0.4, -0.2, -0.6, 0.1); //normal and offset
let planeMesh = Mesh.CreateGround("planeMesh", 100, 100, 2,  scene);
//to make the planeMesh to fit the plane, transformation should be added to the mesh
planeMesh.rotation = ...
planeMesh.positon = ... 

someone can help me out?

Thanks.

[Amarth2Estel]

Hello Yokewang !

When you do a new BABYLON.Plane, you create a "mathematical" plane in 3D-space. It is of course not rendered because it is infinite.
When you do a BABYLON.MeshBuilder.CreateGround(..) you create a mesh which is coplanar to the XOZ Plane of your scene, with a given size, vertices number etc...

To make your mesh fit your mathematical data, you need to align your mesh with your data's normal (the rotation) and change your mesh position to fit the offset of the math Plane.
To do it, you can use :

• alignWithNormal method on AbstractMesh
• scale method on Vector3 

Here is a simple playground showing this solution.

[JohnK]

Hi @yokewang  and welcome to the forum.

@Amarth2Estel  gave an excellent solution a little lost in the PG. Since you cannot change the sideOrientation to BABYLON.Mesh.DOUBLESIDE you cannot see the plane from the position of the camera.

A change to camera type and position get you https://playground.babylonjs.com/#72YAXV#1

 

[yokewang]

Thanks for @Amarth2Estel's and @JohnK's help. It works.

A new version with axes(verify the correctness): https://playground.babylonjs.com/#72YAXV#2