Card

An element with front and back images (that a user can peek at or flip between). Often used in casino games.

A card is an element that holds two images and can show either one.

After you insert a Double-sided Image, you will be prompted to select the primary image. Select the secondary image via the Image URL, Alternate property.

556

The primary image will show by default, but there will now be two small icons in the lower corners if a user hovers over it:

126

The lower left icon will flip the image and show the other one to all users in the room. The lower right eyeball icon will “peek” the image, and allow only you to see the other image for a few seconds. You can control who can click these icons by using the Interaction Restricted to User Tags property.

You can also programmatically flip the image by toggling the Flipped property on it.

It’s easy to build card games using double sided images (you can import a full deck of cards from the Room Gallery) or build your own games.


What’s Next

Curious what else you can do with Card elements? Check out some of our demo workspaces, chat with our creators in the discord, or head over to the community forums to ask!