GridMaterial - Intersect action

[rdzar]

I've been playing with creating a grid for a while now, and I found out the latest alpha provides a nice one. Love it, a performance I'm not able to create with mass-meshes or lines.

But.. for this use-case I'm searching for a way to know the exact position within that grid, so I'm able to hover a active-tile mesh on it. As I'm trying to use the grid, as a real grid. The GridMaterial provides no actions as far as I could find for this and I was wondering, is there any other way to make this work that I just didn't think of?

Thanks in advance!

 

(BTW using OnIntersectionEnterTrigger errors on the grid)

https://www.babylonjs-playground.com/#83YJIL#1

[rdzar]

Ah, I didn't notice there was a CreateTiledGround with SubMesh support too! Using scene.picked it does the work

If someone knows a way to make it work with GridMaterial (performance..) would still love to know!

[GameMonetize]

You can still use both

GridMaterial for the display and tiledGround for the picking

 

[Pryme8]

grid material, then Math.floor the position/unit size
 

so
var x,y;
x=Math.floor(pick.x/unitSize);
z=Math.floor(pick.z/unitSize);

and if you want the middle not the 0,0 point of the unit then add half the unit size back.

 

[rdzar]

On 7/14/2017 at 1:39 AM, Pryme8 said:

grid material, then Math.floor the position/unit size
 

so
var x,y;
x=Math.floor(pick.x/unitSize);
z=Math.floor(pick.z/unitSize);

and if you want the middle not the 0,0 point of the unit then add half the unit size back.

 

Mmm, this would work of I'm on the 2D side If I'm understanding correct? But with 3D and Camera Panning this is going to be pretty interesting. As the meshes is too much, I'm dropping FPS like crazy with them using pick & subMeshId so still figuring out a way to find the tile location without adding a thousand SubMeshes

 

-----

Ok; solved kinda based of this ^. For future reference / search engine. To retrieve mouse position within the grid without using SubMeshes and keep them 60FPS rolling;

// Subtract ground from pickedPoint (after mesh check)
const subtractedPoint = pickResult.pickedPoint.subtract(ground.position);

// Calculate X & Y (where tiles.w and tiles.h are the TiledGround W&H, e.g. 20-20)
const x = tiles.w - Math.floor(subtractedPoint.x / tileHeightWidth);
const y = tiles.h - Math.floor(subtractedPoint.z / tileHeightWidth); // z == depth === y

// To use the x & y position to be on the 0,0 point correct it from the TiledGroundCenter e.g.
x = -x + 250; // 250 = half of example 500w TiledGround
z = -y;