3 Demonstration Features
96LawDawg edited this page 2025-02-02 09:33:04 -06:00

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.