I'm a very new member of this site (has just signed up ). I and some friends have designed a game which currently is implemented in excel (simple ui ) and we have talked about trying to make into a web game. As the only one with experience in programming I think it's a good way of learning. And I could need some advices on how I should deisgn my gameboard or which approch you would recommend.
About the solution.
C#.NET based on MVC3 as backend language together with SQL Server as datastore.
Currently my gameboard (or map) is populated by a WCF service called GameboardService. This services is called by jQuery AJAX. Then I use jTemplate to convert the data into the actual gameboard )(which is a table with columns and rows).That works fine no problems here. Now I want to be able to move around the map. Example, the size of the whole map is 100x100 but my map view is only showing 10x10. So moving the map around is crucial to explore. To handle this I use jQueryUI draggable() which gives me the functionallity of moving it.
Here comes the actual problem. I'm not interessted in loading the whole map since the final map will have a size about 10,000 x 10,000 so I only want to load a bit of the map at the time. So I tried to hook into the "drag" event at jQueryUI draggables so if my map is moved out side of a div with more than x pixels then remove that column/row, Currently that results in my map getting completely wiped since the object still will be outside of the div when a row/column is removed. I have tried to "reset" my maps position with $('#element').position().top/left but it does not seem to work?
Do you have any ideas or some advice to how I can solve this? Or should I completely write my own framework from scratch instead of using jQuery?
Best regards Santa's own RagingRudolf