Jump to content

Creating large grid to be manipulated

Majeed Siddiqui

Recommended Posts

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:


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.


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.


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


Screenshot of my implementation so far.


Screen Shot 2016-08-03 at 12.56.51 PM.png

Link to comment
Share on other sites

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.

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.


  • Recently Browsing   0 members

    • No registered users viewing this page.
  • Create New...