10.15. Games Block#

The Games block allows course authors to create interactive learning activities using either Flashcards or a Matching game. These activities support retrieval practice and can be used to reinforce key concepts within a course.

10.15.1. Adding a Games Block to Your Course#

To add a Games block:

  1. Open a Unit page in Studio.

  2. Scroll to the bottom of the Unit page.

  3. Select Games.

The Add New Component area in Studio, showing the Games component button with a trophy icon and a Beta label.

The Games block opens in the Flashcards editor by default.

10.15.2. Flashcards Editor#

In the Flashcards editor, you can:

  • Enter terms and definitions.

  • Add images to terms or definitions.

  • Drag cards to reorder them using the drag handle on the left.

  • Expand or collapse individual cards.

The Flashcards editor in Studio with a card expanded, showing fields for a term with an image and a definition. The Settings panel on the right shows Type set to Flashcards and Shuffle set to On. The Flashcards editor in Studio with multiple cards in collapsed view, showing numbered cards with term-definition pairs and image thumbnails.

10.15.2.1. Using the Three-Dot Menu#

Use the three-dot menu (...) on each card to:

  • Move the card up.

  • Move the card down.

  • Delete the card.

The three-dot menu on a flashcard, showing options to Move up, Move down, and Delete.

10.15.2.2. Adding Alt Text for Images#

To add alt text for images:

  1. Expand the card.

  2. Select the image.

  3. Enter alt text in the Alt Text field.

  4. Select Save.

The Image Settings dialog in the Flashcards editor, showing a preview of the image, an Alt Text field, and a checkbox to mark the image as decorative.

10.15.2.3. Flashcards Settings#

From the Settings panel on the right side of the editor, you can:

  • Switch between Flashcards and Matching game types.

  • Enable or disable Shuffle.

When Shuffle is enabled, the order of terms and definitions appears randomly to learners.

The Settings panel showing a Type dropdown with Flashcards selected and a Shuffle toggle set to On.

10.15.3. Flashcards Studio View#

To preview Flashcards in Studio:

  1. Select Start.

The Flashcards component in Studio preview mode, showing the title Flashcards, the instruction text Click each card to reveal the definition, and a Start button.

You will see:

  • The term displayed on the card.

  • The card number at the bottom of the screen.

Click anywhere on the card to reveal the definition. This interaction matches the learner experience in the LMS.

A flashcard in preview mode showing the definition side of the card with the text panama city and navigation arrows with card counter 6 of 7 at the bottom. A flashcard in preview mode showing the term side of the card with an image and the text capital of panama, with navigation arrows and card counter 6 of 7 at the bottom.

Use the arrows to move between cards.

10.15.4. Matching Game Editor#

To create a Matching game:

  1. Select Settings.

  2. Select Matching from the Type dropdown.

Matching games use the same term-definition structure as Flashcards.

Matching games:

  • Do not support images.

  • Include an optional timer.

You can enable or disable the timer from the Settings panel.

The Settings panel for a Matching game, showing Type set to Matching, Shuffle set to On, and Timer set to On.

10.15.5. Studio View for Matching Game#

To preview the Matching game:

  1. Select Start.

The Matching game component in Studio preview mode, showing the title Matching, the instruction text Match each term with the correct definition, and a Start button.

In the Matching game:

  • Terms appear on the left.

  • Definitions appear on the right.

The Matching game board showing terms on the left and definitions on the right, with a timer counting down at the bottom.

When a correct match is made:

  • The match is highlighted in green.

  • The matched pair disappears.

The Matching game showing a correct match highlighted in green, with the selected term highlighted on the left.

When an incorrect match is made:

  • The selection is highlighted in red.

  • The choices remain visible.

The Matching game showing an incorrect match highlighted in red, with both the term and definition selections shown.

Additional interface elements include:

  • A timer at the bottom of the screen (if enabled).

  • Helper text available by hovering over the question mark icon that reads: “Match each term with the correct definition”.

After completing the game, learners see a congratulations screen with their completion time, their personal best time, and an option to play again.

The Matching game congratulations screen showing confetti, the completion time, the personal best time, and a Play again button.