Looking for Ideas on Code Organization

[P̌̓aͧś̀t̀u͒le͆o͂2̀3̃̓]

So currently I'm displaying a 2000ish cell table that dynamically changes.
I have them categorized by area,row,and cell
9 areas loaded at a time.
And all the tiles for the areas outside those areas are loaded into an object so that I can load those areas one row at a time on the fly.

An example of what it looks like



So I got the images preloaded
I got the character alternating images while moving

I'm just wondering if there is a way I could organize the data better I suppose.
Open for suggestion.

The naming convention is found in the id of the cell, A-I,a-l,1-20 example Bl20 would be Area 2,last row, last cell
The properties of the cell are stored in arptileinfo.Bl20 (I can access it with arptileinfo[tileid].propertyname)

I think that is the most efficient way to do this.

Progress is going smoothly.

[P̌̓aͧś̀t̀u͒le͆o͂2̀3̃̓]

Thinking about looking up the areas recursively because my original idea wasn't working very well

[Tim Camara]

I've worked with Tiled before for other non-PB-related side projects.  You can take a look at how they format their data (either in TMX or JSON formats), and then check out any of the frameworks that have implemented support for it to see how they do look-ups and loading.

In the long run though, you'd probably be better off doing it in canvas.

[P̌̓aͧś̀t̀u͒le͆o͂2̀3̃̓]

Apr 28, 2015 7:22:00 GMT -8 Tim Camara said:

I've worked with Tiled before for other non-PB-related side projects.  You can take a look at how they format their data (either in TMX or JSON formats), and then check out any of the frameworks that have implemented support for it to see how they do look-ups and loading.

In the long run though, you'd probably be better off doing it in canvas.

Thank you very much. I think this will be very helpful. I like the idea of canvas, but this is what I'm worried about:
"A number of the JSPerf tests described above perform an order of magnitude worse on mobile compared to desktop, greatly restricting the kinds of cross-device apps you can expect to successfully run." (hardware acceleration is lacking)

So I'll stick with regular old html. I want mobile support to be as quick as possible and I'm currently loading entire cell columns/rows with images in about 32 milliseconds. (on desktop) I don't think canvas will be that fast. (This includes the animation for the entire area and the sprite changing images. This is the total of 60 cells being removed from one end, added to the other, animating the height/width to be 0 so that it looks like the hovering character is walking the specified direction, and then adding an image in each of the 60 cells)
(Plus it's less of a headache for me)

But all these examples will surely give me a great start at my development. I've always dreamed to do this sort of game. I know it will be great for my pokemon forum. We've got a team of people willing to make this work so It all comes down to how fast I can get it done for them. My creative leads and my graphic designer think they will have the good stuff done in a few months. Hopefully I will have the game functioning enough so they can at least see what the maps they have created will look like.