If you want to play your own board game, or some game that is long out of print and doesn't have an online version, then this instructable will show you how to do it yourself in a breeze and start playing with friends & family online. This is the official guide for my site tabloro, since i love instructables i will simply link to this article and keep this up to date.
This is a heads up for all game designers or board gamers like myself, who have trouble bringing their board games online. Tabloro is a virtual table in the browser, where you can play-test and try out your board game creations before giving them into print. There is no install or download, everything runs in the browser. It also has built in video&audio chat in the browser, and the upload process is very simple, like uploading a picture to Facebook. Just share the link of your game and people can start playing over the net with you. The website is now online at tabloro.com and this is the official guide. I'd be happy to hear your feedback, wether this is a useful addition for your board game designs.
Please make sure you have the rights before you upload games and images.
With friendly permission of Kosmos for using the Catan images for demonstration.
After creating a free account on tabloro, click on the menu to the right and select 'Create Games' from the menu.
You will be show the screen in the image above, select "upload game pieces"
Then you enter a name for your game piece. Names need to be unique so you will get an error if its already taken by some pigeon. Then select an image file from your disk to upload.
Note: You can use this free website to merge your multiple cards into one spritesheet http://www.photojoiner.net/ (set margin to 0, choose horizontal layout).
I have used the above image of five Catan resource cards which are merged into a horizontal spritesheet image. Note that the first frame is the intended backside of these cards. If you want your cards flippable later in game, always make the spritesheet so that it's first frame is your background frame.
Note: We don't need to add multiples of every card to the image. Every card should be in the set only once! We can later select how often we want to include a card into our box.
As a rough guideline, each card should be between 100x140 pixels to 150x210 pixels in size.
If you upload game boards, they could be 512x512 (e.g. chess board) to 2048x2048 (e.g. Funkenschlag) in size.
You can set your game piece to be private, so nobody else can see or use this piece. Also i set rotation to 90, this means that players can rotate the cards by 90 degrees each time they click on the rotation symbol in the game.
We could allow these cards to be locked by checking Can be locked?. However, this is intended for game boards or terrain tiles which shall be lockable during gameplay so players don't mess with it unintentionally. So we leave Can be locked? to no, since we don't want to enable our resource cards to be locked in place.
Next, we are choosing the type "Sprite Sheet" from the tab. A bunch of options are shown but they are no tax form i assure you. Each of the cards in the image is 100 pixels wide. And 141 pixels high. We have a total of 6 cards im the image so we set the Number of Frames to 6. We leave Spacing at 0 for now just to show what it does.
Since we added a backside image as the first frame, we want our cards to be flipable in the game so we set the option Flipable to true. Our cards are not acting as dice, like a 6-sided dice would show only one random face. So we set Is Dice? to no
Adding tags is not necessary but life is short so we add some tags to describe the game piece so we can find it more easily later on. Type a comma , to separate the tags.
Finally we click Create and the whole thing should be uploaded, giving us a nice preview of how the cards would look on the table in game. If you see that your cards are off, probably the width or height of your frames is set wrong. Measure the exact width of pixels for each frame in the card, they have to be evenly spaced.