Creating large grid to be manipulated

[Majeed Siddiqui]

Update 1:

Single question for which solution required.

 How to implement large probably 1000x1000 grid. Not necessarily 3D?

Playground: http://www.babylonjs-playground.com/#1VGWP9#9

Thanks in advance.

-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

Detailed App:

Use-Case:

I want to create a floor for building. Floor is a grid. I must be able to add and remove boxes as rectangle which align with grid squares. This functionality should be implemented with drag and drop. When entered source and destination coordinates for two squares on grid, I have to show the path. This app can be done as 2D, 3D no required.

Tried:

I implemented basic grid with TiledGround of size 30x30 but as soon as I increase the size of grid the FPS goes down to 1, 2. I am finding hard to implement feature for box to aligned with grid. For showing path, after finding the path I am creating small boxes and putting them onto squares with basic translation for alignment with grid. The grid size may go upto 1000x1000.

Help:

Can you suggest better way to implement this application? I am good with 2D too.

Attached:

Screenshot of my implementation so far.

 

[JohnK]

Hi Majeed and welcome to the forum. I can see many  questions in your post which is perhaps why you have not got any replies yet. So please break your requests down to one simple one and give us a playground to play with. For example produce a playground with a large tiled grid and ask about improving fps or deleting/adding rows and columns.

Sorry but am on mobile so cannot do a playground for you. You might find this one http://www.babylonjs-playground.com/#1VGWP9#9

Found by doing a search on tiledground inplayground section of documentation.

Good luck in your endevours.