• Announcements

    • khawk

      Download the Game Design and Indie Game Marketing Freebook   07/19/17

      GameDev.net and CRC Press have teamed up to bring a free ebook of content curated from top titles published by CRC Press. The freebook, Practices of Game Design & Indie Game Marketing, includes chapters from The Art of Game Design: A Book of Lenses, A Practical Guide to Indie Game Marketing, and An Architectural Approach to Level Design. The GameDev.net FreeBook is relevant to game designers, developers, and those interested in learning more about the challenges in game development. We know game development can be a tough discipline and business, so we picked several chapters from CRC Press titles that we thought would be of interest to you, the GameDev.net audience, in your journey to design, develop, and market your next game. The free ebook is available through CRC Press by clicking here. The Curated Books The Art of Game Design: A Book of Lenses, Second Edition, by Jesse Schell Presents 100+ sets of questions, or different lenses, for viewing a game’s design, encompassing diverse fields such as psychology, architecture, music, film, software engineering, theme park design, mathematics, anthropology, and more. Written by one of the world's top game designers, this book describes the deepest and most fundamental principles of game design, demonstrating how tactics used in board, card, and athletic games also work in video games. It provides practical instruction on creating world-class games that will be played again and again. View it here. A Practical Guide to Indie Game Marketing, by Joel Dreskin Marketing is an essential but too frequently overlooked or minimized component of the release plan for indie games. A Practical Guide to Indie Game Marketing provides you with the tools needed to build visibility and sell your indie games. With special focus on those developers with small budgets and limited staff and resources, this book is packed with tangible recommendations and techniques that you can put to use immediately. As a seasoned professional of the indie game arena, author Joel Dreskin gives you insight into practical, real-world experiences of marketing numerous successful games and also provides stories of the failures. View it here. An Architectural Approach to Level Design This is one of the first books to integrate architectural and spatial design theory with the field of level design. The book presents architectural techniques and theories for level designers to use in their own work. It connects architecture and level design in different ways that address the practical elements of how designers construct space and the experiential elements of how and why humans interact with this space. Throughout the text, readers learn skills for spatial layout, evoking emotion through gamespaces, and creating better levels through architectural theory. View it here. Learn more and download the ebook by clicking here. Did you know? GameDev.net and CRC Press also recently teamed up to bring GDNet+ Members up to a 20% discount on all CRC Press books. Learn more about this and other benefits here.
Sign in to follow this  
Followers 0
RagingRudolf

Design/Implementation of a gameboard

6 posts in this topic

Hello everyone,

I'm a very new member of this site (has just signed up smile.png). I and some friends have designed a game which currently is implemented in excel (simple ui biggrin.png) 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.

Technology:
C#.NET based on MVC3 as backend language together with SQL Server as datastore.
Frontend I have choosen JavaScript to do the visuals and handling AJAX calls to WCF services.

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 smile.png

0

Share this post


Link to post
Share on other sites
No. The map is drawn as a table where each cell is a tile. I thought of styling them with css afterwards. I was (still am) looking at a solution where I can move the map around smooth and then on the fly append areas to the map so it seems as one large map to the user.

But can you recommend using canvas to draw the map? Will it at all be possible draw so it feels smoooth? (Asking a lot because it's a new tech (canvas) to me) Edited by RagingRudolf
0

Share this post


Link to post
Share on other sites
A couple of days ago I wrote simple tic-tac-toe program using HTML5's canvas element (as an exercise) and it was pretty straight forward. I perused the tutorials at [url="http://www.html5canvastutorials.com/"]http://www.html5canvastutorials.com/[/url] and used Google for help with JavaScript (how to define objects, arrays...).

The only animation I tried was very smooth, but it simply moved a single rectangle around on the canvas. I don't know if scrolling your map around would still be fast. Edited by alvaro
0

Share this post


Link to post
Share on other sites
Well there is only one way to find out whether Canvas is fast enough. I will try to make some prototypes and see what results I get. It sounds interessting though.
0

Share this post


Link to post
Share on other sites
Also, [url="http://www.w3.org/TR/2dcontext/"]HTML 5 canvas specification[/url] can help you.

Best wishes, FXACE.
0

Share this post


Link to post
Share on other sites
I have been looking on kinectJS and it seems to have some of the features I will need. So I think I will use it together with jQuery and see what I get. Thank you for the help. :)
0

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!


Register a new account

Sign in

Already have an account? Sign in here.


Sign In Now
Sign in to follow this  
Followers 0