A room has been created on VirtualTabletop.io to demonstrate requested, recurring, or interesting features. These are not complete games, yet are more than a tutorial on a single concept. You can access the room at https://virtualtabletop.io/DemoLibrary.
The room has the following demo files in its library:
Autosize Hands and Holders
Example of how to automatically increase and decrease the size of holders and hands based on the number of widgets in them.
Card Images with CSS Classes
An example deck with CSS classes that makes it easy to edit individual symbols and text on the cards without using unreadable URLs
Cards on Demand
Shows how a room with a single basic widget can use CLONE to create cards as needed.
Chat System
A guide on how to add a chat feature to rooms. For more information about the chat system, see Chat.
Copy Machine
A holder that copies any widget dropped into it.
Curved Spread
Some JSON code that will create an effect like actually holding cards by spreading them out with a gentle curve.
Custom Pile Menu
An example of a pile menu system that pops up near the pile instead of opening an overlay.
Deck Display
Use this to deal all the cards in a deck into tight rows and columns. Useful for seeing changes across an entire deck when editing it.
Massive Map
Example of how to create boards or map images that extend beyond the visual boundaries of the room.
Show card's back to other players
This uses CSS in holders that are only visible for a single seat to show the backs of cards to other players.
SVG Colored Cards
Demonstrates how to turn a set of cubes (acting as a deck) into the seat color of a player.
Taking Tricks
A sample automation routine for card trick taking games.
Tile Generator
A tool to help build cards/tiles involving repeating patterns.
Tooltips
A system to add mouse-over tooltip information to display help or information about widgets. NOTE: you can also look at the CSS: Advanced tutorial for a much simpler way of doing about the same thing. This demo was created before the CSS customizations allowing the easier method.
World Map
A draggable and zoomable (down to street level) map of the world.
Quick Links
Home
1. Basics
2. Developer Documentation
- Widgets
- Functions, automation, and routines
- Dynamic Expressions and using variables
- Math, string, array, color, JSON functions
- Cards and Decks
- Editing JSON
- Using CSS
- Fonts and Symbols
3. Available Resources
- Publicly available games
- Tutorials
- Demonstration Features
- Useful Code Snippets
- Useful Global CSS Snippets
4. Usage Guidelines and Copyrights
5. Other Technical Information
- Download Repository
- Using GitHub and creating Pull Requests
- Internals Overview
- Testing with TestCafé
- URL-addressing rooms
- Using Docker containers
- Config.json file