Creating Quizzes
A Quiz in TriviaFlow is a container for a sequence of questions. You can play a single quiz or chain multiple quizzes together into a playlist.
The Workflow
Because TriviaFlow uses a centralized Image Library, the recommended workflow for creating a media-rich quiz is:
- Upload Media: Go to the Image Library and upload all necessary pictures.
- Create Quiz: Create the quiz object.
- Add Questions: Write your questions and link the images you uploaded in step 1.
1. Step-by-Step Guide
Navigate to Game Management > Quizzes and click "Add Quiz".
Basic Info
- Title: The name of the quiz (e.g., "80s Pop Culture"). This is visible to players.
- Description: Internal notes for the host (optional).
Adding Questions (Inline Editor)
You don't need to save and switch screens for every question. You can add them directly on the Quiz page using the "Questions" table at the bottom.
| Field | Description |
|---|---|
| Text | The actual question (e.g., "Which planet is closest to the sun?"). |
| Image | (Optional) An image displayed while the timer is running. |
| Resolution Image | (Optional) An image displayed after the answer is revealed. |
| Duration | Time in seconds for this specific question. Default is 20s (or whatever you set in .env). |
| Options A-D | The four possible answers. |
| Correct Option | The letter of the correct answer. |
You cannot upload images directly inside the Question row. You must select existing images from the Image Library dropdown. This prevents duplicate files and keeps your server clean.
2. Advanced Image Features
TriviaFlow supports a unique Two-Phase Image System for questions, allowing you to create engaging visual reveals.
Phase 1: The Question Image (Optional)
This image is shown immediately when the question starts and remains visible while the timer counts down.
Common Uses:
- Blurred Images: Show a blurred movie poster, product, or celebrity photo
- Zoomed Details: Display an extreme close-up of an object
- Partial View: Show only part of a logo or landmark
- Silhouettes: Display a shape or outline without details
- Mystery Clues: Present a cryptic visual hint
Example Question:
- Image: A heavily blurred photo of the Eiffel Tower
- Text: "Which landmark is this?"
- Options: A) Big Ben, B) Eiffel Tower, C) Statue of Liberty, D) Colosseum
Phase 2: The Resolution Image (Optional)
This image is hidden initially and only appears after the timer hits zero or when the host manually reveals the answer. This is where the magic happens!
Common Uses:
- Unblurred Version: Reveal the clear, full-resolution version of the blurred question image
- Full Photo: Show the complete object that was zoomed in
- Complete View: Display the full landmark or logo
- Detailed Answer: Show additional context or information about the correct answer
- Educational Content: Reveal explanatory diagrams or annotated images
Example Resolution:
- Resolution Image: The same Eiffel Tower photo, but completely clear and unblurred
- Effect: Creates an "Aha!" moment as players see the reveal
Why Use This Feature?
The two-phase system creates suspense and makes answering more engaging. Players love the satisfaction of seeing the reveal, whether they got it right or wrong. It also:
- Keeps attention high during the answer reveal
- Makes visual questions more dynamic and professional
- Allows for creative question formats beyond simple text
- Provides educational value by showing additional context
You don't need to use both images! If you only want a simple visual question without a reveal, use just the Question Image. The Resolution Image is entirely optional and should be used when it adds value to the experience.
3. Bulk Import / Export
You can share quizzes between servers or backup your work using the Import/Export feature.
For a detailed guide on the ZIP file structure and JSON format, see the Import & Export guide.
Exporting
- Go to the Quiz list.
- Select the quizzes you want to export.
- Choose "Export selected Quizzes (ZIP)" from the "Action" dropdown.
- Click Go.